:root { --bg:#040913; --panel:#08162a; --aqua:#4df6ff; --lime:#9eff60; --ink:#eaf8ff; --muted:#8aa4b7; --warn:#e7c180; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 82% 14%,rgba(16,105,130,.28),transparent 35%),radial-gradient(circle at 10% 88%,rgba(91,125,38,.13),transparent 35%),var(--bg); font-family:"Space Mono",monospace; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.26; background-image:linear-gradient(rgba(77,246,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,246,255,.035) 1px,transparent 1px); background-size:42px 42px; }
.shell { position:relative; width:min(1120px,calc(100% - 42px)); margin:0 auto; padding:30px 0 70px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:800 .68rem "Orbitron",sans-serif; letter-spacing:.14em; }.brand span { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--aqua); color:var(--aqua); }
.account-grid { display:grid; grid-template-columns:1.1fr minmax(320px,.9fr); gap:76px; align-items:center; min-height:calc(100vh - 110px); }.eyebrow { margin:0 0 14px; color:var(--lime); font:700 .62rem "Orbitron",sans-serif; letter-spacing:.18em; }.account-copy h1 { max-width:650px; margin:0 0 20px; font:800 clamp(2.8rem,7vw,6.5rem)/.92 "Orbitron",sans-serif; letter-spacing:-.06em; }.account-copy h1 em { color:var(--aqua); font-style:normal; }.account-copy > p:not(.eyebrow) { max-width:610px; color:var(--muted); line-height:1.7; }.security-note { max-width:570px; margin:28px 0; padding:14px 16px; color:#c6d5dd; border-left:2px solid var(--lime); background:rgba(158,255,96,.06); font-size:.78rem; line-height:1.6; }.back { color:var(--aqua); font:700 .65rem "Orbitron",sans-serif; letter-spacing:.1em; text-decoration:none; }
.card { padding:30px; border:1px solid rgba(77,246,255,.34); background:linear-gradient(145deg,rgba(10,27,48,.95),rgba(4,11,24,.92)); box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 0 55px rgba(77,246,255,.035); }.hidden { display:none !important; }.tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-bottom:26px; background:rgba(0,0,0,.22); padding:4px; }.tab { border:0; padding:12px 7px; color:var(--muted); background:transparent; cursor:pointer; font:700 .58rem "Orbitron",sans-serif; letter-spacing:.07em; }.tab.active { color:#041018; background:var(--aqua); }
form { display:grid; gap:9px; } label { margin-top:9px; color:var(--muted); font:700 .6rem "Orbitron",sans-serif; letter-spacing:.14em; } input { width:100%; border:1px solid rgba(130,176,195,.4); padding:14px; color:var(--ink); background:rgba(2,8,18,.78); font-family:inherit; outline:none; } input:focus { border-color:var(--aqua); box-shadow:0 0 0 3px rgba(77,246,255,.1); }.primary,.secondary { width:100%; margin-top:15px; padding:15px; cursor:pointer; font:800 .63rem "Orbitron",sans-serif; letter-spacing:.09em; }.primary { border:1px solid var(--aqua); color:#02111c; background:var(--aqua); }.secondary { border:1px solid rgba(158,255,96,.65); color:var(--lime); background:transparent; }.or { position:relative; margin:22px 0 4px; text-align:center; color:var(--muted); font-size:.65rem; }.or::before { content:""; position:absolute; inset:50% 0 auto; height:1px; background:rgba(130,176,195,.2); }.or span { position:relative; padding:0 10px; background:#09172a; }.status { min-height:22px; margin:15px 0 0; color:var(--warn); font-size:.72rem; line-height:1.45; }
.profile-data { display:grid; gap:0; margin:24px 0; }.profile-data div { display:flex; justify-content:space-between; gap:18px; padding:15px 0; border-top:1px solid rgba(130,176,195,.18); }.profile-data dt { color:var(--muted); font-size:.64rem; }.profile-data dd { margin:0; color:var(--aqua); text-align:right; font-size:.74rem; overflow-wrap:anywhere; }.admin-link { display:block; margin:4px 0 14px; padding:13px; color:#041018; background:var(--lime); text-align:center; text-decoration:none; font:800 .6rem "Orbitron",sans-serif; letter-spacing:.08em; }
@media (max-width:820px) { .shell{width:min(100% - 28px,1120px)}.account-grid{grid-template-columns:1fr;gap:38px;padding:50px 0}.account-copy h1{font-size:clamp(2.6rem,15vw,4.8rem)}.card{padding:24px 18px} }