/* ============ Fælles site-stil (forside, info-sider, min konto) ============ */
.site-nav { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; padding: 15px 40px; background: rgba(10,12,17,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); flex-wrap: wrap; gap: 12px; }
.site-nav .logo { font-weight: 800; font-size: 20px; letter-spacing: -.5px; }
.site-nav .menu { display: flex; gap: 26px; font-size: 14px; color: #c3c6cd; flex-wrap: wrap; }
.site-nav .menu a { padding: 4px 0; } .site-nav .menu a:hover { color: #fff; } .site-nav .menu a.on { color: #fff; border-bottom: 2px solid var(--red); }
.site-nav .right { display: flex; gap: 10px; align-items: center; }
.navbtn { padding: 9px 16px; border-radius: 10px; font-size: 13.5px; font-weight: 700; }
.navbtn.d { background: #5865F2; color: #fff; } .navbtn.g { background: rgba(255,255,255,.08); color: #dfe1e6; }
.navava { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,#5865F2,#8b3ffb); background-size: cover; }

@media (max-width: 760px){ .site-nav{ padding: 14px 18px; } .site-nav .menu{ gap: 16px; font-size: 13px; } }

/* Hero */
.hero { position: relative; min-height: 600px; display: flex; align-items: center; overflow: hidden; }
.hero .bgimg { position: absolute; inset: 0; background: url(hero.jpg) center/cover; filter: brightness(.4); }
.hero .fade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(10,12,17,.95),rgba(10,12,17,.55) 55%,rgba(10,12,17,.2)), linear-gradient(0deg,var(--bg),transparent 42%); }
.hero .inner { position: relative; max-width: 1180px; margin: 0 auto; padding: 60px 40px; width: 100%; }
.hero h1 { font-size: 64px; font-weight: 900; line-height: 1.03; letter-spacing: -2px; }
.hero h1 .red { display: block; }
.hero p { color: #c3c6cd; font-size: 17px; line-height: 1.6; max-width: 540px; margin: 20px 0 32px; }
.cta { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.cta .big { padding: 16px 30px; border-radius: 13px; font-size: 16px; font-weight: 800; background: var(--red); color: #fff; box-shadow: 0 10px 24px rgba(229,57,53,.3); }
.ip { display: inline-flex; align-items: center; gap: 12px; font-family: ui-monospace, monospace; font-size: 15px; color: #dfe1e6; background: rgba(255,255,255,.06); border: 1px solid var(--line); padding: 15px 20px; border-radius: 13px; cursor: pointer; }
.ip b { color: var(--red); font-family: Inter, sans-serif; font-size: 13px; }
@media (max-width: 760px){ .hero h1{ font-size: 44px; } }

/* Sektioner */
.page-wrap { max-width: 1180px; margin: 0 auto; padding: 0 40px; }
@media (max-width: 760px){ .page-wrap{ padding: 0 20px; } }
.sec { padding: 62px 0; }
.eyebrow { color: var(--red); font-size: 12px; font-weight: 800; letter-spacing: .2em; margin-bottom: 12px; }
.sec h2 { font-size: 36px; font-weight: 800; letter-spacing: -1px; margin-bottom: 14px; }
.sec .lead { color: #b0b3bb; font-size: 16px; max-width: 640px; line-height: 1.6; margin-bottom: 38px; }
.feat { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
@media (max-width: 860px){ .feat{ grid-template-columns: 1fr; } }
.fcard { background: rgba(20,22,28,.6); border: 1px solid var(--line); border-radius: 16px; padding: 24px; }
.fcard .ic { width: 46px; height: 46px; border-radius: 12px; background: rgba(229,57,53,.14); display: grid; place-items: center; font-size: 22px; margin-bottom: 15px; }
.fcard h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.fcard p { color: #a2a6ae; font-size: 14px; line-height: 1.55; }

.steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
@media (max-width: 860px){ .steps{ grid-template-columns: 1fr 1fr; } }
.stp { background: rgba(20,22,28,.6); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.stp .num { font-size: 30px; font-weight: 900; color: rgba(229,57,53,.55); margin-bottom: 8px; }
.stp h3 { font-size: 16px; font-weight: 700; margin-bottom: 7px; } .stp p { color: #a2a6ae; font-size: 13.5px; line-height: 1.5; }

.band { background: linear-gradient(90deg,rgba(229,57,53,.16),rgba(229,57,53,.04)); border: 1px solid rgba(229,57,53,.25); border-radius: 22px; padding: 44px; text-align: center; margin: 10px 0 60px; }
.band h2 { font-size: 30px; font-weight: 800; } .band p { color: #c3c6cd; margin: 12px 0 24px; }

.site-foot { border-top: 1px solid var(--line); padding: 34px 40px; color: var(--mut); font-size: 13.5px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; max-width: 1180px; margin: 0 auto; }

/* Regler */
.rulegrp { background: rgba(20,22,28,.6); border: 1px solid var(--line); border-radius: 16px; padding: 24px 26px; margin-bottom: 16px; }
.rulegrp h3 { font-size: 18px; font-weight: 700; margin-bottom: 14px; color: #fff; }
.rulegrp ol { margin: 0; padding-left: 20px; } .rulegrp li { color: #c3c6cd; font-size: 14.5px; line-height: 1.7; }

/* Min konto / karakterer */
.prof { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
.prof .big { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg,#5865F2,#8b3ffb); background-size: cover; }
.prof h2 { margin: 0; } .prof small { color: var(--mut); font-size: 13px; }
.chargrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 16px; margin-top: 8px; }
.charcard { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.charcard .ch-top { display: flex; align-items: center; gap: 13px; margin-bottom: 14px; }
.charcard .cav { width: 46px; height: 46px; border-radius: 12px; background: #2a2d34; display: grid; place-items: center; font-weight: 800; color: #9aa0ab; }
.charcard b { font-size: 17px; } .charcard .role { color: var(--mut); font-size: 12.5px; display: block; margin-top: 2px; }
.charcard .mrow { display: flex; justify-content: space-between; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; color: #c3c6cd; }
.charcard .mrow b { font-size: 14px; color: #fff; }
.charcard .g { color: #6fe39a; }

/* Admin faner (fælles) */
.account-content{padding:44px 0 64px}
.account-title h1{font-size:38px;letter-spacing:-1.2px;margin:0}
.account-title .sub{margin:10px 0 28px}
.account-hero{padding:30px;margin-bottom:36px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at top right,rgba(229,57,53,.13),transparent 65%),var(--panel)}
.account-hero .prof{margin:0 0 28px}
.account-hero .big{flex-shrink:0;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;font-size:28px;font-weight:800;background-position:center}
.account-identity{min-width:0}.account-identity h2{overflow-wrap:anywhere;margin-bottom:9px;font-size:25px}
.account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.account-summary>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.account-summary>div+div{border-left:1px solid var(--line);padding-left:24px}
.account-label{font-size:10px;font-weight:700;color:var(--mut);letter-spacing:.13em}
.account-summary strong{font-size:21px}.account-summary small{font-size:14px;color:var(--mut);font-weight:400}
.account-summary .account-connected{font-size:15px;color:#99dfad;padding-top:3px}
.account-status{border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0;color:var(--mut);font-size:14px;line-height:1.7}
.account-page .account-profile{max-width:none;padding:26px 0 0;border-top:1px solid var(--line);margin:24px 0 0}
.account-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.account-section-heading h2{font-size:19px;margin:0 0 8px}
.account-section-heading .sub{font-size:13px;margin:0;line-height:1.6}
.account-lock{padding:6px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:8px;color:var(--mut);font-size:11px;white-space:nowrap}
.account-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0}
.account-details>div{min-width:0;padding:17px;border-radius:12px;background:#ffffff04;border:1px solid #ffffff08}
.account-details dt{font-size:12px;color:var(--mut);margin-bottom:10px}
.account-details dd{margin:0;color:#eee;font-size:15px;overflow-wrap:anywhere}
.account-details small{display:block;color:var(--mut);font-size:11px;margin-top:6px}
.account-note{color:var(--mut);font-size:12px;line-height:1.6;margin:20px 0 0}
.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}.account-actions a{display:inline-block;padding:13px 20px}.account-actions>span{color:var(--mut);font-size:12px}
.account-profile form{margin-top:20px}.account-profile input[readonly]{opacity:.7}
.account-empty{padding:28px;text-align:center}.account-empty strong{font-size:17px}.account-empty .sub{margin:10px 0 0;line-height:1.6}
@media(max-width:600px){.account-content{padding-top:28px}.account-title h1{font-size:30px}.account-hero{padding:22px}.account-summary{gap:12px}.account-summary>div+div{padding-left:12px}.account-summary .st{font-size:10px;padding:5px 7px}.account-label{font-size:9px;letter-spacing:.05em}.account-details{grid-template-columns:1fr;gap:10px}.account-section-heading{flex-wrap:wrap}.account-identity h2{font-size:22px}}
.account-profile,.application-form{margin:24px 0;max-width:800px}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-form-grid input,.application-form textarea{box-sizing:border-box}
.account-form-grid select{width:100%;background:#13151b;border:1px solid #ffffff1a;border-radius:10px;color:#fff;padding:12px 14px;font:inherit}
@media(max-width:600px){.account-form-grid{grid-template-columns:minmax(0,1fr);gap:0}}
.application-section{margin:30px 0 38px}
.application-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.application-heading h2{border-left:4px solid #ff9d18;padding-left:12px;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:25px;font-weight:500;letter-spacing:.3px;margin:0}
.application-heading>span{color:var(--mut);font-size:12px;white-space:nowrap}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.application-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(150deg,#28292e,#1b1c20);color:#eee;text-align:left;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.18);font:inherit;transition:transform .15s,border-color .15s}
.application-card:hover{transform:translateY(-3px);border-color:rgba(255,157,24,.45)}
.application-card:focus-visible{outline:2px solid #ff9d18;outline-offset:4px}
.application-badge{align-self:flex-start;display:inline-block;border-radius:20px;padding:5px 11px;font-size:12px;font-weight:800;line-height:1.1}
.application-badge.approved{background:#243d30;color:#99dfad}
.application-badge.denied{background:#4a2b31;color:#ffaaa9}
.application-badge.pending,.application-badge.interview{background:#453821;color:#ffd08a}
.application-card>strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;overflow-wrap:anywhere}
.application-date{font-size:12px;color:#b5b1aa;margin-bottom:5px}
.application-fact{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);font-size:12px;color:#aaa7a1}
.application-fact b{color:#e7e5e2;font-size:13px;text-align:right;overflow-wrap:anywhere}
.application-open{display:flex;justify-content:space-between;margin-top:5px;color:#c5c2bd;font-size:12px}
.application-open>span{color:#ffad40}
.application-dialog{width:min(680px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;margin:auto;padding:0;border:1px solid #3c3d43;border-radius:22px;background:#1c1d22;color:#e9e9ed;box-shadow:0 30px 100px #0009;box-sizing:border-box}
.application-dialog[open]{display:flex;flex-direction:column}
.application-dialog::backdrop{background:#080a10b8;backdrop-filter:blur(7px)}
.application-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px;border-bottom:1px solid #ffffff12}
.application-dialog-head h2{font-size:26px;margin:12px 0 6px}
.application-dialog-head p{margin:0;color:#aaaab4;font-size:13px;overflow-wrap:anywhere}
.application-dialog-head>button{width:36px;height:36px;flex-shrink:0;border-radius:50%;border:0;background:#ffffff0c;color:#ccc;font-size:26px;cursor:pointer}
.application-dialog-body{padding:0 26px 22px;overflow-y:auto;overscroll-behavior:contain}
.application-dialog-body>h3{margin:24px 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#babac2}
.application-message{margin-top:22px;padding:15px 17px;border-radius:12px;background:#ffffff08;color:#c8c8d0;font-size:14px;line-height:1.6}
.application-answer{padding:16px 0;border-top:1px solid #ffffff0c;overflow-wrap:anywhere}
.application-answer h4{margin:0 0 8px;color:#9e9ea9;font-size:12px;font-weight:600}
.application-answer p{margin:0;color:#eeeef2;font-size:14px;line-height:1.7;white-space:normal}
.application-dialog-foot{display:flex;justify-content:flex-end;padding:16px 26px;border-top:1px solid #ffffff12}
.application-dialog-foot>button{padding:10px 18px;border:0;border-radius:10px;background:#ffffff10;color:#eee;font-weight:600;cursor:pointer}
@media(max-width:950px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.application-grid{grid-template-columns:minmax(0,1fr)}.application-card{padding:20px}.application-dialog-head{padding:20px}.application-dialog-body{padding:0 20px 18px}.application-dialog-foot{padding:14px 20px}}
@media(prefers-reduced-motion:reduce){.application-card{transition:none}.application-card:hover{transform:none}}
.rejection-note{margin:16px 0 24px;padding:18px 20px;border:1px solid rgba(229,57,53,.3);border-radius:12px;background:rgba(229,57,53,.08);overflow-wrap:anywhere}
.rejection-note b{display:block;color:#ff9a97;margin-bottom:9px}
.rejection-note>div{line-height:1.6;color:#e4e5e9}
.rejection-note small,.rejection-fields small{display:block;color:var(--mut);line-height:1.5;margin-top:10px}
.reject-action{flex:1;min-width:0}
.reject-action>summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-height:44px}
.reject-action>summary::-webkit-details-marker{display:none}
.reject-action[open]>form{padding:16px 0 0}
.reject-action .rejection-fields{margin:0 0 14px}
.reject-action textarea{width:100%;box-sizing:border-box;resize:vertical}
.arow:has(.reject-action[open]){flex-wrap:wrap}
.arow>.reject-action[open]{flex-basis:100%}
.adtabs { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; margin: 24px 0 24px; border-bottom: 1px solid var(--line); }
.adtabs a { padding: 11px 18px; font-size: 14px; color: #b4b7bf; border-bottom: 2px solid transparent; margin-bottom: -1px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.adtabs a:hover { color: #fff; }
.adtabs a.on { color: #fff; border-bottom-color: var(--red); }
.adtabs a .bd { background: var(--red); color: #fff; font-size: 11px; font-weight: 800; padding: 1px 8px; border-radius: 10px; }
.adtabs .sep { flex: 1; }
.adtabs a.mgr { color: #ff8a87; }

/* Account dashboard: shared red accents, quiet surfaces and readable status. */
body[data-page="konto"]{background:#0b0d11;isolation:isolate}
body[data-page="konto"]::before{content:"";position:absolute;inset:60px 0 auto;height:640px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b0d11 20%,#0b0d1199 65%,#0b0d1166),linear-gradient(0deg,#0b0d11,transparent 85%),linear-gradient(#681d2380,#280d1640),url(hero.jpg) right top/cover;opacity:.65}
.account-page{position:relative}
.account-title{margin-bottom:32px}.account-title .eyebrow{display:flex;align-items:center;gap:14px}.account-title .eyebrow::after{content:"";height:1px;width:52px;background:var(--red)}
.account-title h1{font-size:48px;letter-spacing:-1.6px}.account-title .sub{margin-bottom:0}
.account-hero{background:radial-gradient(ellipse at top right,#752d3338,transparent 65%),linear-gradient(135deg,#14151ae8,#101116f5);border-color:#68333a;box-shadow:0 20px 60px #0003,inset 0 1px 0 #ec65652e;overflow:hidden}
.account-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:36px;align-items:center;padding:6px 0 8px}
.account-hero .prof{margin:0;min-width:0;gap:22px}
.account-hero .big{height:94px;width:94px;border-radius:50%;border:2px solid #d9565c8c;box-shadow:0 0 0 6px #e5393508;background-color:#29232a;background-image:none}
.account-identity h2{font-size:34px;letter-spacing:-1px;margin:0;line-height:1.2}
.account-summary{grid-template-columns:1fr 1fr;gap:26px}
.account-summary>div{border-left:1px solid var(--line);padding-left:26px;justify-content:center;min-width:0}
.account-label{font-size:11px;letter-spacing:.09em}.account-summary strong{font-size:32px;line-height:1.15;font-weight:600}.account-summary small{font-size:19px}
.account-summary .st{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff0a;border-radius:10px;padding:8px 12px;font-size:13px;max-width:100%}
.account-summary .st::before{content:"";height:7px;width:7px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.account-page .account-profile{margin-top:26px;padding-top:26px}
.account-section-heading h2{font-size:21px;letter-spacing:-.4px}
.account-lock{display:inline-flex;gap:7px;align-items:center;border-color:#69343b66;border-radius:10px;background:#db565608;color:#bcb3b7}
.account-lock svg,.account-note svg{width:15px;height:15px;flex-shrink:0}.account-lock svg{color:#f17b81}
.account-details{gap:16px}
.account-details>div{position:relative;padding:21px 16px 21px 72px;background:linear-gradient(135deg,#ffffff03,#ffffff01);border-color:#ffffff0d;border-radius:15px}
.account-info-icon{position:absolute;left:15px;top:22px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e76b6b33;border-radius:12px;background:#e76b6b0c;color:#ed7a80}
.account-info-icon svg{width:22px;height:22px}.account-details dt{font-size:11px;line-height:1.4;margin-bottom:9px}.account-details dd{font-size:15px;font-weight:500;line-height:1.4}.account-details small{font-size:10px;font-weight:400}
.account-verified{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:3px;border-radius:50%;background:#1d6032;color:#9bf5b1;font-size:11px;vertical-align:middle}
.account-note{display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid var(--line);margin-top:22px}
.account-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:36px 0 18px}
.account-section-title .eyebrow{font-size:10px;margin:0 0 8px;letter-spacing:.15em}.account-section-title h2{font-size:25px;letter-spacing:-.6px}.account-section-title>span{font-size:12px;color:var(--mut)}
.account-page .chargrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.account-page .charcard{padding:24px;border-radius:18px;border-color:#ffffff10;background:radial-gradient(ellipse at top right,#b3404412,transparent 75%),#121419;box-shadow:0 8px 28px #0002}
.account-page .charcard .ch-top{margin-bottom:22px;gap:15px}.account-page .charcard .cav{width:50px;height:50px;border-radius:14px;background:#d65a6310;border:1px solid #d65a6326;color:#f39a9e;font-size:17px;flex-shrink:0}
.account-page .charcard .ch-top>div:last-child{min-width:0;overflow-wrap:anywhere}.account-page .charcard .mrow{padding:12px 0;gap:12px}.account-page .charcard .mrow:last-child{padding-bottom:0}.account-page .charcard .g{color:#8cdda8}
.account-page .sp-sec{margin:36px 0 18px}.account-page .sp-sec h3{font-size:22px;letter-spacing:-.4px;text-transform:none;color:var(--txt);font-weight:700}.account-page .sp-sec a{font-size:12px;color:#ed8b90}
.account-page .sp-sum{display:grid;grid-template-columns:.7fr 1fr 1fr 1.1fr 1.6fr;padding:24px;border-radius:18px;background:linear-gradient(135deg,#18151b,#121419);border-color:#ffffff10;gap:18px}
.account-page .sp-sum .it{padding:2px 0 2px 18px;min-width:0}.account-page .sp-sum .it:first-child{padding-left:0}.account-page .sp-sum .k{font-size:9px;letter-spacing:.07em}.account-page .sp-sum .v{line-height:1.55;overflow-wrap:anywhere}.account-page .sp-sum .v.sm{font-size:13px}.account-page .sp-sum .v.big{font-size:29px;line-height:1.25}
.account-page .sp-wrap{padding:4px 20px;border-radius:18px;border-color:#ffffff10;background:#121419}
.account-page .sp-tbl{min-width:680px}.account-page .sp-tbl th{font-size:10px;padding:18px 12px;color:#9798a4}.account-page .sp-tbl td{padding:18px 12px;font-size:12px}.account-page .sp-tbl .sp-emptd{padding:38px 12px;color:#8d909c}
.account-page .account-actions{padding:26px;margin-top:30px;gap:18px;flex-wrap:nowrap;border:1px solid #77373d88;border-radius:18px;background:linear-gradient(110deg,#ae3b4218,#121419 70%)}
.account-action-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e55e6412;border:1px solid #e55e6429;color:#f58e93;flex-shrink:0}.account-action-icon svg{width:25px;height:25px}
.account-actions>div{flex:1;min-width:0}.account-actions h2{font-size:18px;letter-spacing:-.4px}.account-actions p{font-size:12px;line-height:1.6;color:var(--mut);margin-top:7px}
.account-actions .navbtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;background:#c33b43;color:#fff;border:1px solid #f27b8044;padding:13px 17px;font-size:12px;box-shadow:0 6px 20px #b02d3520;transition:background .15s}
.account-actions .navbtn:hover{background:#da4a52}.account-actions .navbtn:focus-visible{outline:2px solid #fff;outline-offset:4px}.account-actions .navbtn svg{width:17px;height:17px}
@media(max-width:1000px){.account-topline{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:20px}.account-identity h2{font-size:29px}.account-hero .big{width:78px;height:78px}.account-details>div{padding:18px}.account-info-icon{position:static;display:inline-grid;margin:0 0 12px}.account-details dt{display:flex;flex-direction:column;align-items:flex-start}.account-page .sp-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.account-page .sp-sum .it:nth-child(4){border:0;padding-left:0}}
@media(max-width:700px){.account-title h1{font-size:38px}.account-topline{grid-template-columns:1fr;gap:26px}.account-summary{gap:22px}.account-summary>div:first-child{padding-left:0;border:0}.account-summary>div+div{padding-left:22px}.account-summary strong{font-size:27px}.account-page .account-actions{flex-wrap:wrap;padding:22px}.account-actions .navbtn{width:100%}.account-page .sp-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.account-page .sp-sum .it:nth-child(odd){padding-left:0;border:0}.account-page .sp-sum .it:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.account-page .sp-sum .it:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.account-section-title{align-items:center}.account-section-title h2{font-size:22px}.account-details>div{padding:20px 18px 20px 78px}.account-details dt{display:block}.account-info-icon{position:absolute;left:18px;top:20px;margin:0}.account-details small{font-size:11px}.account-page .sp-wrap{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.account-actions .navbtn{transition:none}}
@media(max-width:700px){.account-page .sp-tbl:has(.sp-emptd){min-width:0;width:100%}.account-page .sp-tbl:has(.sp-emptd) thead{display:none}.account-page .sp-tbl .sp-emptd{white-space:normal;text-align:center}}

/* Administration shares the account dashboard's surfaces and navigation. */
body[data-page="admin"]{background:radial-gradient(ellipse at 90% 0,#75262d20,transparent 50%),#0b0d11}
body[data-page="admin"] .page-wrap>div{padding-top:30px!important}
.admin-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.admin-masthead .eyebrow{margin:0;font-size:10px}.admin-masthead>span:last-child{color:#9c929a;font-size:12px}
body[data-page="admin"] .adtabs{margin:0 0 34px;padding:7px;gap:6px;border:1px solid #ffffff0d;border-radius:15px;background:linear-gradient(115deg,#1d171c,#111318);box-shadow:0 8px 24px #0002}
body[data-page="admin"] .adtabs a{padding:11px 17px;margin:0;border:1px solid transparent;border-radius:10px;color:#a6a6b1;font-size:12px;min-height:40px}
body[data-page="admin"] .adtabs a.on{background:#cf43441a;border-color:#ec6e6e33;color:#ffb7bb}
body[data-page="admin"] .adtabs a:hover{background:#ffffff07;color:#fff}.adtabs a:focus-visible{outline:2px solid #f18a90;outline-offset:2px}
body[data-page="admin"] .adtabs .bd{background:#bf414a;font-size:10px}
body[data-page="admin"] h1{font-size:34px;letter-spacing:-1px;line-height:1.2}
body[data-page="admin"] .sub{line-height:1.65}
body[data-page="admin"] :is(.acard,.panel){background:linear-gradient(135deg,#18151b,#121419);border-color:#ffffff10;border-radius:18px;box-shadow:0 8px 24px #0001}
body[data-page="admin"] .empty{border:1px dashed #ffffff13;border-radius:16px;padding:32px 20px;color:var(--mut);font-size:13px;background:#ffffff02;text-align:center}
body[data-page="admin"] .kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:30px}
body[data-page="admin"] .kc{position:relative;min-width:0;padding:22px;border:1px solid #ffffff0f;border-radius:17px;background:radial-gradient(ellipse at top right,#c94a4c13,transparent 80%),#13151a}
body[data-page="admin"] .kc::before{content:"";display:block;width:22px;height:2px;background:#dc636a;opacity:.7;margin-bottom:16px}
body[data-page="admin"] .kc .n{font-size:33px;line-height:1.1;font-weight:700;letter-spacing:-1px}.kc .l{line-height:1.5}
body[data-page="admin"] .filters{gap:8px;margin:24px 0}
body[data-page="admin"] .flt{border:1px solid #ffffff0f;border-radius:9px;background:#ffffff03;font-size:12px;padding:9px 14px}
body[data-page="admin"] .flt.on{background:#c94a4c1c;border-color:#c94a4c50;color:#ffb5ba}
body[data-page="admin"] .application-card{font:inherit;background:radial-gradient(ellipse at top right,#9c383d20,transparent 80%),#14161b;border-radius:18px}
body[data-page="admin"] .application-card:hover{border-color:#cc5c6288;transform:translateY(-2px)}
body[data-page="admin"] .application-card>strong{font:700 21px Inter,sans-serif;text-transform:none;letter-spacing:-.5px}.application-card .application-open{line-height:1.5}
body[data-page="admin"] .application-card .application-open{color:#e8888f}
body[data-page="admin"] :is(input,textarea,select){font-family:inherit;border-color:#ffffff13!important;background:#0e1016!important;border-radius:10px;color:#eee}
body[data-page="admin"] :is(input,textarea,select):focus{outline:2px solid #dc6a7388;outline-offset:2px}
body[data-page="admin"] .send{background:#bf414a;border:1px solid #ed7a7f33;box-shadow:none;border-radius:10px;font-size:13px}
body[data-page="admin"] .send:hover{background:#d34e57}
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;margin-top:10px}.admin-overview-grid>div{min-width:0}
.admin-feed-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.admin-feed-row:last-child{border-bottom:0}
.admin-account-row{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-bottom:12px;transition:border-color .15s}
body[data-page="admin"] .admin-account-row:hover{border-color:#cc5c6277}
.admin-account-row .ava2{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#d65a6310;color:#f69ba2;border:1px solid #d65a6326;flex-shrink:0;font-weight:700}
.admin-account-row>div:nth-child(2){flex:1;overflow-wrap:anywhere}.admin-account-row-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-left:auto}
.admin-open-account{display:flex;align-items:center;gap:8px;color:#ee949b;font-size:12px}.admin-open-account svg{width:16px;height:16px}
.admin-back{display:inline-block;color:#ac9da6;font-size:12px;margin-bottom:18px}.admin-back:hover{color:#fff}
.admin-page-heading{margin:0 0 26px}.admin-page-heading .sub{font-size:13px;margin:10px 0 0}
.admin-content{padding-bottom:60px}
.admin-account-applications{display:grid;gap:10px}.admin-application-row{display:flex;align-items:center;gap:16px;padding:17px 20px;margin:0;font-size:13px}.admin-application-number{color:#958891;font-size:11px}.admin-application-row strong{flex:1;min-width:0;overflow-wrap:anywhere}.admin-application-row svg{width:18px;height:18px;color:#ef8d94;flex-shrink:0}
.admin-strike-fields{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px}
body[data-page="admin"] .admin-account-tools{display:grid;gap:22px;padding:26px;margin-top:30px;border-color:#b04a4d44}
.admin-account-tools h3{font-size:19px;letter-spacing:-.4px;color:var(--txt);margin-bottom:0}.admin-account-tools .sub{font-size:12px;margin:8px 0 0}.admin-account-tools dl{margin:0;padding:16px;border:1px solid #ffffff0b;border-radius:12px;background:#ffffff02}.admin-account-tools dt{font-size:11px;color:var(--mut);margin-bottom:8px}.admin-account-tools dd{font-family:ui-monospace,monospace;font-size:12px;margin:0;overflow-wrap:anywhere}.admin-account-tools form{margin:0}.admin-account-tools .btn{max-width:240px;padding:0 20px}
@media(max-width:1000px){body[data-page="admin"] .kpi{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-overview-grid{grid-template-columns:minmax(0,1fr)}.admin-account-row-status{gap:8px}.admin-open-account{display:none}}
@media(max-width:600px){body[data-page="admin"] .adtabs{gap:4px;padding:5px}.adtabs .sep{display:none}body[data-page="admin"] .adtabs a{padding:10px 12px;font-size:11px}.admin-masthead{gap:10px}body[data-page="admin"] h1{font-size:28px}body[data-page="admin"] .kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page="admin"] .kc{padding:18px}.admin-feed-row{flex-wrap:wrap}.admin-feed-row>div{flex-basis:65%!important}.admin-account-row{padding:16px;gap:12px;flex-wrap:wrap}.admin-account-row>div:nth-child(2){flex-basis:65%}.admin-account-row-status{margin-left:58px;justify-content:flex-start}.admin-application-row{padding:16px;gap:10px;flex-wrap:wrap}.admin-application-row .st{font-size:10px}.admin-strike-fields{grid-template-columns:minmax(0,1fr)}.admin-account .send{max-width:100%}.admin-account-tools .btn{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.admin-account-row{transition:none}}
.admin-account .prof .big,.admin-account-row .ava2{position:relative;overflow:hidden}
.account-avatar-image{position:absolute;inset:0;border-radius:inherit;background-position:center;background-size:cover;pointer-events:none}

/* Public pages use the same surfaces and accents as the account dashboard. */
body[data-page]:not([data-page="konto"]):not([data-page="admin"]){background:radial-gradient(ellipse at 90% 0,#75262d20,transparent 50%),#0b0d11}
.site-nav{background:#0b0d11ed;border-bottom-color:#ffffff0d;gap:18px;padding:16px 40px}
.site-nav .logo{font-size:19px;letter-spacing:-.5px}
.site-nav .menu{gap:8px;font-size:12px}
.site-nav .menu a{padding:10px 12px;border:1px solid transparent;border-radius:10px}
.site-nav .menu a.on{background:#cf43441a;border-color:#ec6e6e33;color:#ffb7bb}
.site-nav .menu a:hover{background:#ffffff07;color:#fff}
.navbtn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #ffffff10;border-radius:10px;font-size:12px;line-height:1.4}
.navbtn.g{background:#ffffff05;color:#c9cbd1}
.navbtn.d{background:#5865f21f;border-color:#858df544;color:#cbd0ff}
.navbtn.d:hover{background:#5865f235}
.site-nav .right{flex-wrap:wrap}
.hero{min-height:540px}
.hero .bgimg{filter:brightness(.48)}
.hero .fade{background:linear-gradient(90deg,#0b0d11f5,#0b0d1180 65%,#0b0d1140),linear-gradient(0deg,#0b0d11,transparent 85%),linear-gradient(#681d2338,#280d1620)}
.hero .inner{padding:64px 40px}
.hero h1{font-size:60px;letter-spacing:-1.8px;line-height:1.08}
.hero h1 .red{color:#d7525a}
.hero p{font-size:15px;line-height:1.8;color:#a7a7b2;max-width:530px;margin:22px 0 30px}
.cta .big,.band .big,.sec a.big{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 20px;border:1px solid #f27b8044;border-radius:10px;background:#c33b43;color:#fff;font-size:13px;font-weight:700;line-height:1.5;box-shadow:0 6px 20px #b02d3520}
.cta .big:hover,.band .big:hover,.sec a.big:hover{background:#da4a52}
.ip{padding:13px 17px;min-height:46px;border-radius:10px;border-color:#ffffff13;background:#121419b8;font-size:12px;line-height:1.5;max-width:100%;overflow-wrap:anywhere;flex-wrap:wrap}
.ip b{color:#ed7a80;font-size:11px}
.sec{padding:44px 0}
.eyebrow{display:flex;align-items:center;gap:14px;color:#ed7a80;font-size:10px;letter-spacing:.14em}
.eyebrow::after{content:"";height:1px;width:52px;background:#c33b43}
.account-title .eyebrow::after{background:var(--red)}
.sec h2{font-size:32px;letter-spacing:-1px;line-height:1.25}
.sec .lead{color:#8a8d96;font-size:14px;line-height:1.8;margin-bottom:28px}
.fcard,.stp,.rulegrp{position:relative;background:radial-gradient(ellipse at top right,#9c383d20,transparent 80%),#14161b;border:1px solid #ffffff10;border-radius:18px;padding:26px;box-shadow:0 8px 24px #0001;min-width:0}
.fcard .ic{height:46px;width:46px;border:1px solid #e76b6b33;border-radius:12px;background:#e76b6b0c;color:#ed7a80}
.fcard h3,.stp h3{font-size:17px;letter-spacing:-.4px;margin-bottom:10px}
.fcard p,.stp p{font-size:13px;line-height:1.8;color:#9698a4}
.stp .num{display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border:1px solid #e76b6b33;border-radius:12px;background:#e76b6b0c;font-size:18px;color:#ed7a80}
.join-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.band{margin:12px 0 48px;padding:32px;border:1px solid #77373d88;border-radius:18px;background:linear-gradient(110deg,#ae3b4218,#121419 70%);text-align:left}
.band h2{font-size:24px;letter-spacing:-.6px}
.band p{color:#8a8d96;font-size:13px;line-height:1.8;margin:10px 0 22px}
.rulegrp{margin-bottom:18px}
.rulegrp h3{font-size:18px;letter-spacing:-.4px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #ffffff0d}
.rulegrp li{color:#b2b3bd;font-size:13px;line-height:1.85;padding:4px 0 4px 6px}
.rulegrp li::marker{color:#ed7a80;font-weight:600}
body[data-page="ansog"] h1{font-size:38px;letter-spacing:-1.2px;margin-bottom:12px}
body[data-page="ansog"] .panel{background:radial-gradient(ellipse at top right,#752d3338,transparent 65%),linear-gradient(135deg,#14151ae8,#101116f5);border-color:#68333a;border-radius:22px;padding:30px}
body[data-page="ansog"] .panel>p{color:#a7a7b2;font-size:14px;line-height:1.7;margin-bottom:18px}
body[data-page="ansog"] .application-form{max-width:none;margin:30px 0}
body[data-page="ansog"] .application-form h2{font-size:23px;margin-bottom:26px}
body[data-page="ansog"] :is(input,textarea,select){background:#0e1016;border-color:#ffffff13;border-radius:10px}
body[data-page="ansog"] .send{background:#bf414a;border:1px solid #ed7a7f33;box-shadow:none;border-radius:10px;font-size:13px}
body[data-page="ansog"] .send:hover{background:#d34e57}
body[data-page="ansog"] .application-heading h2{font:700 24px Inter,sans-serif;text-transform:none;border:0;padding:0;letter-spacing:-.6px}
body[data-page="ansog"] .application-card{background:radial-gradient(ellipse at top right,#9c383d20,transparent 80%),#14161b;border-radius:18px;box-shadow:0 8px 24px #0001}
body[data-page="ansog"] .application-card>strong{font:700 21px Inter,sans-serif;text-transform:none;letter-spacing:-.5px}
body[data-page="ansog"] .application-card:hover{border-color:#cc5c6288;transform:translateY(-2px)}
body[data-page="ansog"] .application-open{color:#e8888f}
.site-foot{border-top-color:#ffffff0d;color:#777b88;font-size:12px;line-height:1.7;padding-top:26px;padding-bottom:26px;gap:18px}
:is(a,button,[data-copy]):focus-visible{outline:2px solid #f18a90;outline-offset:4px}
@media(max-width:1000px){.site-nav{padding:16px 24px}.site-nav .menu{order:3;width:100%;gap:4px}.site-nav .menu a{padding:9px 11px}.hero h1{font-size:52px}}
@media(max-width:700px){.site-nav{padding:14px 18px;gap:12px}.site-nav .logo{font-size:16px}.site-nav .menu{gap:3px}.site-nav .menu a{font-size:11px;padding:8px}.site-nav .right{gap:8px}.site-nav .right>a:not(.navbtn):not(.navava){max-width:140px;overflow-wrap:anywhere}.navbtn{font-size:11px;padding:9px 12px}.hero{min-height:480px}.hero .inner{padding:48px 20px}.hero h1{font-size:clamp(34px,8.5vw,48px);letter-spacing:-1px}.hero p{font-size:14px}.cta{gap:10px}.sec{padding:32px 0}.sec h2{font-size:27px}.feat,.steps,.join-steps{grid-template-columns:minmax(0,1fr)}.fcard,.stp,.rulegrp{padding:22px}.band{padding:24px;margin-bottom:32px}.band h2{font-size:22px}body[data-page="ansog"] h1{font-size:30px}body[data-page="ansog"] .panel{padding:22px}.site-foot{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){body[data-page="ansog"] .application-card{transition:none}body[data-page="ansog"] .application-card:hover{transform:none}}