:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;--gold:#d5a459;--gold-light:#f2cb84;--muted:#a0afc0;--line:#324355;--panel:#101a27}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;color:#f6f0e7;background:radial-gradient(ellipse 50% 75% at 11% 28%,#193442 0%,transparent 83%),radial-gradient(ellipse 33% 47% at 85% 88%,#14222e 0%,transparent 90%),#080e16}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(205,169,101,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(205,169,101,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
a,button,input{font:inherit}
button{cursor:pointer}
.shell{position:relative;max-width:1240px;margin:auto;padding:27px 38px;min-height:100vh;display:flex;flex-direction:column}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{color:#f6f1e6;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:.13em;display:inline-flex;align-items:center;gap:7px}.brand-gear{color:var(--gold);font-size:24px}
.return{color:#bac7d5;font-size:14px;text-decoration:none;transition:color .2s}.return:hover{color:var(--gold-light)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,480px);gap:clamp(38px,6vw,96px);align-items:center;flex:1;padding:54px 0 60px}
.eyebrow,.panel-kicker,.cabinet-section-title{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px #d5a45917}
h1{font-size:clamp(47px,5.5vw,76px);line-height:1.04;letter-spacing:-.035em;margin:23px 0 18px;font-weight:830}h1 em{color:var(--gold);font-style:normal}
.intro>p{color:#b6c4d3;line-height:1.8;font-size:17px;max-width:550px;margin:0}
.intro-divider{height:1px;background:linear-gradient(90deg,#394856,transparent);margin:32px 0 26px}
.feature{display:flex;align-items:center;gap:16px;margin:19px 0;color:#f2ede3}.feature-mark{display:flex;align-items:center;justify-content:center;border:1px solid #624d32;background:#28241e;color:#f3cb81;border-radius:13px;width:42px;height:42px;flex-shrink:0;font-size:21px}.feature strong,.feature small{display:block}.feature strong{font-size:14px}.feature small{font-size:12px;color:#9cacc1;margin-top:5px}
.note{margin-top:28px;padding:16px 17px;color:#aebfce;border:1px solid #354755;border-radius:12px;background:#152330b0;font-size:12px;line-height:1.65;max-width:570px}
.panel{width:100%;border:1px solid #34475b;border-radius:20px;padding:28px;background:linear-gradient(145deg,#172333,#0c141e 75%);box-shadow:0 26px 65px #0008,0 0 0 1px #fff1 inset;animation:rise-in .35s ease-out}
.panel-heading h2{font-size:25px;letter-spacing:-.025em;margin:8px 0 7px}.panel-heading p{font-size:13px;color:#9faec0;margin:0 0 21px;line-height:1.6}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:24px}.tabs button{background:#182735;color:#b5c4d1;border:1px solid #32475a;border-radius:10px;padding:11px;min-height:44px;font-weight:700;font-size:13px;transition:border-color .2s,background .2s}.tabs button:hover{border-color:#987341}.tabs button[aria-selected=true]{background:#382d1d;border-color:#b58a47;color:#ffdc9b}
form{display:flex;flex-direction:column;gap:11px}label{font-size:12px;color:#f0ca92;font-weight:700}input{width:100%;background:#0a121c;border:1px solid #3d5063;border-radius:10px;color:#f8f4ed;padding:15px 14px;font-size:16px;min-height:51px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #dab46c20}input::placeholder{color:#7c91a3}.hint{color:#9eafc1;font-size:12px;line-height:1.6;margin:0 0 4px}.captcha{min-height:15px;margin-top:4px;overflow:hidden}
.primary{border:none;background:linear-gradient(105deg,#bc8846,#efc879);color:#111722;border-radius:10px;font-size:14px;font-weight:850;min-height:48px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .2s,filter .2s,box-shadow .2s;text-decoration:none}.primary:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 22px #d2a15a2c}.primary:disabled{opacity:.55;cursor:default;transform:none}.status{min-height:20px;font-size:12px;line-height:1.6;color:#ffb38f}.status.good{color:#8cdeb0}.auth-footnote{text-align:center;color:#758b9f;font-size:11px;margin-top:13px}.lock-icon{color:#b18b53;margin-right:5px}
.cabinet-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.session-indicator{font-size:11px;font-weight:750;border-radius:999px;padding:7px 10px;display:inline-flex;gap:7px;align-items:center;border:1px solid #2d6757;background:#12362c;color:#90e0b6}.session-indicator.pending{border-color:#55523b;background:#302c1e;color:#f0c886}.session-indicator.invalid{border-color:#704243;background:#392222;color:#f0a5a4}.status-dot{height:7px;width:7px;background:currentColor;border-radius:50%;box-shadow:0 0 0 3px #ffffff18}
.cabinet-hero{display:flex;align-items:center;gap:17px;padding:23px 0 24px}.cabinet-avatar{height:75px;width:75px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:20px;background:linear-gradient(135deg,#f3d18a,#b57935);font-size:35px;font-weight:900;color:#17202a;box-shadow:0 10px 30px #bc8a4229,inset 0 1px #fff6}.cabinet-welcome{font-size:11px;font-weight:700;color:var(--gold-light)}.cabinet-identity{min-width:0}.cabinet-identity h2{font-size:clamp(24px,3vw,32px);margin:4px 0;letter-spacing:-.025em;overflow-wrap:anywhere}.cabinet-identity p{font-size:12px;color:#a4b7c7;margin:0}.cabinet-section-title{letter-spacing:.16em;margin:3px 0 12px}
.details{background:#0c1622;border:1px solid #324252;border-radius:13px;padding:5px 16px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #263340}.detail-row:last-child{border-bottom:0}.detail-row span{font-size:12px;color:#9eafc0}.detail-row strong{text-align:right;font-size:12px;font-weight:750;color:#f2f0e9}.detail-row strong.pending-link{color:#d2ad73}
.server-tile{display:flex;align-items:center;gap:13px;background:linear-gradient(95deg,#273121,#162b30);border:1px solid #4f5538;border-radius:13px;padding:14px;margin-top:18px}.server-emblem{background:#2c372c;border:1px solid #686d47;border-radius:10px;min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#edc179;font-size:25px}.server-info{display:flex;flex-direction:column;gap:3px;min-width:0}.server-info small{color:#d2b880;font-size:9px;letter-spacing:.11em;font-weight:800}.server-info strong{font-size:14px}.server-info span{font-size:11px;color:#9fb3b9;overflow-wrap:anywhere}
.profile-message{color:#e2af85;font-size:12px;min-height:0;line-height:1.5;margin:12px 0 0}.profile-message:empty{display:none}.profile-message.good{color:#8cdeb0}
.cabinet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.cabinet-actions .primary{grid-column:1/-1}.action-link{font-size:13px}.secondary{border:1px solid #35495d;background:#172735;color:#e6eef4;text-decoration:none;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:45px;font-weight:750;transition:background .2s,border-color .2s}.secondary:hover{background:#203648;border-color:#6a8195}.sign-out{border:1px solid #6e3f3c;background:#2a1b21;color:#ecb8af;border-radius:10px;padding:12px 15px;min-height:45px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;transition:background .2s}.sign-out:hover{background:#3a2427}.sign-out:disabled{opacity:.55;cursor:default}
.cabinet-security{font-size:11px;color:#7e93a4;margin:16px 0 0;line-height:1.6}
footer{color:#7e91a0;font-size:12px;margin-top:auto;padding:9px 0 0}
@keyframes rise-in{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr);gap:32px;align-items:start;padding:48px 0}.intro{max-width:680px}.panel{max-width:540px;margin:0 auto}.intro-divider,.feature{display:none}.note{margin-top:22px}}
@media(max-width:520px){.shell{padding:18px 18px 25px}.brand{font-size:18px}.brand-gear{font-size:21px}.return{font-size:12px}.layout{padding:35px 0;gap:25px}.intro h1{font-size:42px}.intro>p{font-size:15px}.panel{padding:19px;border-radius:16px}.cabinet-hero{gap:12px}.cabinet-avatar{height:62px;width:62px;border-radius:16px;font-size:29px}.cabinet-identity h2{font-size:25px}.detail-row{gap:6px}.detail-row strong{max-width:57%}.cabinet-actions{grid-template-columns:1fr}.cabinet-actions .primary{grid-column:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}