*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#09070d;--panel:#171020;--field:#100a18;--text:#f8f3fc;
--muted:#b4a8bf;--accent:#b267ff;--border:rgba(181,103,255,.3);--danger:#ff9aad}
html,body{min-width:320px;min-height:100%;margin:0}
body{min-height:100svh;padding:32px 18px;display:grid;place-items:center;overflow-x:hidden;
font-family:"Segoe UI",Arial,sans-serif;color:var(--text);
background:radial-gradient(circle at 70% 0,rgba(132,55,205,.22),transparent 38%),var(--bg)}
button,input{font:inherit}.account-shell{width:min(100%,520px)}.brand{text-align:center;margin-bottom:18px}
.brand strong{color:#d6a3ff;font-family:Georgia,serif;font-size:24px;letter-spacing:.12em}
.account-card{padding:32px;border:1px solid var(--border);border-radius:20px;
background:linear-gradient(145deg,rgba(27,19,37,.98),rgba(13,9,18,.98));
box-shadow:0 24px 65px rgba(0,0,0,.42)}h1{margin:0;font-family:Georgia,serif;
font-size:clamp(2rem,7vw,2.7rem)}p{color:var(--muted);line-height:1.65}
label{display:block;margin:18px 0 8px;font-weight:700}input{width:100%;min-height:50px;
padding:12px 14px;border:1px solid var(--border);border-radius:11px;outline:none;
background:var(--field);color:var(--text)}input:focus-visible{border-color:#d5a1ff;
box-shadow:0 0 0 3px rgba(169,91,255,.15)}button{width:100%;min-height:50px;margin-top:18px;
border:1px solid rgba(224,167,255,.45);border-radius:11px;cursor:pointer;color:#fff;
font-weight:800;background:linear-gradient(135deg,#6f28d6,#a84cff 55%,#c35dff)}
button:disabled{opacity:.58;cursor:wait}.message{margin-top:16px;padding:12px 14px;
border-radius:10px}.message.error{color:#ffd5dc;background:rgba(255,107,130,.1)}
.message.success{color:#caf4df;background:rgba(105,219,165,.1)}.links{margin-top:22px;
display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.links a{min-height:44px;
display:inline-flex;align-items:center;color:var(--accent)}.primary-action{width:100%;min-height:50px;
margin-top:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(224,167,255,.45);
border-radius:11px;color:#fff;text-decoration:none;font-weight:800;
background:linear-gradient(135deg,#6f28d6,#a84cff 55%,#c35dff)}[hidden]{display:none!important}
@media(max-width:560px){body{min-width:0;padding:max(18px,env(safe-area-inset-top))
max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom))
max(12px,env(safe-area-inset-left));place-items:start center}.account-card{padding:24px 18px}
input{font-size:16px;min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;
transition:none!important;scroll-behavior:auto!important}}