.account-page{min-height:100vh;background:#0b1118;color:#ecf1f4;overflow-x:hidden}.account-header{position:relative;background:#0b1118;border-bottom:1px solid #ffffff18}.account-home{color:#aab8c3;text-decoration:none;font-size:.86rem}.account-home:hover{color:#fff}.account-main{min-height:calc(100vh - 150px);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(320px,520px) minmax(240px,370px);justify-content:center;align-items:center;gap:clamp(42px,8vw,140px);padding:72px 6vw}.account-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b1118e8 0%,#0b1118b0 46%,#0b1118e8 100%),linear-gradient(0deg,#0b1118 0%,transparent 25%,#0b11184a 100%),url('/assets/hero.webp') center 39%/cover no-repeat;opacity:.72}.account-main:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 41%,#23c2cc16,transparent 36%),linear-gradient(90deg,#0b1118 0%,transparent 44%,#0b1118a8 100%);pointer-events:none}.account-panel{position:relative;padding:clamp(28px,4vw,52px);background:linear-gradient(145deg,#18222bdc,#101820ee);border:1px solid #dce8ef38;box-shadow:0 26px 90px #0009;backdrop-filter:blur(18px)}.account-panel:before{content:"";position:absolute;left:-1px;top:28px;width:3px;height:76px;background:linear-gradient(#ff873e,#2dc6cd);box-shadow:0 0 18px #ff873e88}.account-panel .eyebrow{display:flex;align-items:center;gap:10px;font-size:.68rem;letter-spacing:.15em;color:#a8c1cb}.live-dot,.account-signal span{width:7px;height:7px;border-radius:50%;background:#51d6c9;box-shadow:0 0 12px #51d6c9;display:inline-block}.account-panel h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:22px 0 12px;letter-spacing:-.045em}.account-intro{color:#aab8c3;line-height:1.65;margin:0 0 28px;max-width:42ch}.account-form{display:grid;gap:15px}.account-form label{display:grid;gap:7px;font-size:.78rem;color:#c3cdd4}.account-form input{width:100%;height:48px;border:1px solid #a9c0cf35;background:#080e14b8;color:#f4f6f7;padding:0 14px;border-radius:2px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.account-form input:focus{border-color:#54cdd2;box-shadow:0 0 0 3px #54cdd21c}.account-form input::placeholder{color:#75838e}.password-hint{display:block;color:#83929d;font-size:.69rem;line-height:1.5}.account-check{display:flex!important;grid-template-columns:18px 1fr;align-items:start;gap:10px!important;line-height:1.5}.account-check input{appearance:none;width:17px;height:17px;padding:0;margin:1px 0 0;border:1px solid #a9c0cf65;background:#080e14}.account-check input:checked{background:#37c4c7;border-color:#37c4c7;box-shadow:inset 0 0 0 4px #0d151c}.account-check a,.account-switch a{color:#79d7d9;text-decoration:none}.account-check a:hover,.account-switch a:hover{text-decoration:underline}.account-submit{width:100%;min-height:50px;cursor:pointer;margin-top:2px}.account-submit:disabled{opacity:.55;cursor:wait}.account-switch{text-align:center;color:#9aaab5;font-size:.82rem;margin:22px 0 0}.account-message{padding:12px 14px;margin:0 0 18px;border:1px solid #ffffff25;background:#ffffff09;color:#e4ebef;font-size:.84rem;line-height:1.5}.account-message.error{border-color:#ff8b8066;color:#ffc0b8}.account-message.success{border-color:#62d7c766;color:#a5f1e6}.account-message a{color:inherit;overflow-wrap:anywhere}.account-aside{max-width:350px;text-shadow:0 2px 24px #000}.account-index{color:#8d9da8;font-size:.72rem;letter-spacing:.16em}.account-index i{color:#ff873e;font-style:normal}.account-aside h2{font-size:clamp(2.35rem,5vw,4.4rem);line-height:.96;letter-spacing:-.06em;margin:30px 0 20px}.account-aside h2 em{font-style:normal;color:#ff9b5e}.account-aside>p{color:#c0ccd3;max-width:34ch;line-height:1.7;font-size:.95rem}.account-signal{display:flex;align-items:center;gap:10px;margin-top:38px;font-size:.63rem;letter-spacing:.14em;color:#91a3ad}.account-footer{min-height:68px;display:flex;align-items:center;justify-content:center;gap:32px;border-top:1px solid #ffffff15;color:#7d8b95;font-size:.74rem;padding:16px 24px}.account-footer a{color:inherit;text-decoration:none}.account-footer a:hover{color:#fff}.account-loading{padding:36px 0;color:#aab8c3}.account-profile{display:flex;align-items:center;gap:14px;padding:20px 0;border-block:1px solid #ffffff1c}.account-avatar{width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(135deg,#ff9b5e,#42c9ca);color:#111820;font-weight:800;font-size:1.3rem}.account-profile strong{display:block;font-size:1.15rem}.account-profile small{color:#92a2ad}.account-meta{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;color:#a9b6be;font-size:.8rem}.account-meta strong{color:#e4ebef;font-weight:500}.account-dev-link{overflow-wrap:anywhere}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.account-actions .button{flex:1;text-align:center}.account-logout{background:transparent;color:#d4dce1;border:1px solid #d4dce148;cursor:pointer}.account-logout:hover{border-color:#ff873e;color:#fff}
@media(max-width:850px){.account-main{grid-template-columns:minmax(300px,540px);padding:58px 20px}.account-aside{display:none}.account-art{background:linear-gradient(90deg,#0b1118e8,#0b1118a8),linear-gradient(0deg,#0b1118 0%,transparent 45%),url('/assets/hero-small.webp') 57% center/cover no-repeat}.account-main:before{background:linear-gradient(0deg,#0b1118 0%,transparent 30%,#0b111867 100%)}}
@media(max-width:520px){.account-main{min-height:calc(100vh - 130px);padding:32px 14px}.account-panel{padding:28px 22px}.account-panel h1{font-size:2.15rem}.account-footer{gap:18px;flex-wrap:wrap;font-size:.68rem}.account-header{padding-inline:16px}.account-panel .eyebrow{font-size:.59rem}}
@media(prefers-reduced-motion:reduce){.account-form input{transition:none}}