:root{color-scheme:dark;--ink:#080b0a;--panel:#111614;--panel2:#171d1a;--silver:#d9dfdc;--muted:#96a19c;--line:#2b3531;--green:#38d479;--red:#e36565;--white:#f6f8f7;--shadow:0 22px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{background:var(--ink);color:var(--silver);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}body{margin:0;background:radial-gradient(circle at 80% -20%,rgba(56,212,121,.08),transparent 32rem),var(--ink);min-height:100vh}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:var(--white);color:var(--ink);padding:.75rem;z-index:20}.skip:focus{top:1rem}.topbar{min-height:74px;padding:.75rem clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line);background:rgba(8,11,10,.96);position:sticky;top:0;z-index:10}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;white-space:nowrap}.brand .mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--green);color:var(--green);font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:.62rem;color:var(--muted);letter-spacing:.14em}.topbar nav{display:flex;align-items:center;gap:1.15rem;flex:1}.topbar nav a{text-decoration:none;color:var(--muted);font-size:.86rem;font-weight:700}.topbar nav a:hover{color:var(--green)}main{width:min(1160px,calc(100% - 2rem));margin:auto;padding:clamp(2rem,5vw,5rem) 0}.page-head{max-width:780px;margin-bottom:2rem}.eyebrow{margin:0 0 .6rem;color:var(--green);font-size:.76rem;letter-spacing:.16em;font-weight:850}.page-head h1,.login-card h1{margin:.1rem 0 .7rem;color:var(--white);font-size:clamp(2rem,5vw,4rem);line-height:1.02}.page-head p,.lead{color:var(--muted);font-size:1.08rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:.45rem;background:transparent;color:var(--white);text-decoration:none;font-weight:800;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:#071009}.secondary,.ghost{background:var(--panel2)}.login-wrap{min-height:calc(100vh - 10rem);display:grid;place-items:center}.login-card{width:min(620px,100%);padding:clamp(1.5rem,5vw,3.5rem);border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0b0f0d);box-shadow:var(--shadow)}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:2rem 0;padding:0;list-style:none;color:var(--muted)}.security-list li:before{content:"✓";color:var(--green);margin-right:.5rem}.back{display:block;color:var(--muted);margin-top:1.5rem}.status-strip{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.status{display:inline-flex;padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em}.status.good{color:var(--green);border-color:rgba(56,212,121,.38)}.status.locked{color:var(--silver)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-card,.safety-card,.empty-card,.settings-card,.settings-summary{border:1px solid var(--line);background:var(--panel);padding:1.4rem;box-shadow:var(--shadow)}.feature-card{text-decoration:none;min-height:220px}.feature-card:hover{border-color:var(--green)}.feature-card h2,.empty-card h2,.safety-card h2{color:var(--white);margin:.7rem 0}.feature-card p,.empty-card p{color:var(--muted)}.feature-card strong,.step{color:var(--green)}.safety-card{margin-top:1rem}.safety-card dl,.settings-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.safety-card dl div,.settings-summary dl div{border-top:1px solid var(--line);padding-top:.8rem}.safety-card dt,.settings-summary dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.safety-card dd,.settings-summary dd{margin:.25rem 0;font-weight:850}.settings-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-card label{display:grid;gap:.4rem;font-weight:800;color:var(--silver)}input,select{width:100%;min-height:46px;padding:.65rem;border:1px solid var(--line);background:#090c0b;color:var(--white);font:inherit}.settings-card .button{align-self:end}.notice{border-left:3px solid var(--silver);padding:.8rem 1rem;background:var(--panel);margin:1rem 0}.notice.error,.warning{border-color:var(--red);color:#f3b3b3}.notice.success{border-color:var(--green);color:#9af0ba}.muted{color:var(--muted)}footer{width:min(1160px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 2.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}
@media(max-width:850px){.topbar{align-items:flex-start;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow-x:auto;padding-bottom:.25rem}.topbar form{margin-left:auto}.card-grid,.settings-card{grid-template-columns:1fr}.safety-card dl,.settings-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){main{width:min(100% - 1.25rem,1160px);padding:1.5rem 0}.topbar{padding:.65rem}.brand small{display:none}.topbar nav{gap:1rem}.topbar nav a{white-space:nowrap}.security-list{grid-template-columns:1fr}.safety-card dl,.settings-summary dl{grid-template-columns:1fr}.login-card{padding:1.25rem}.feature-card{min-height:auto}footer{width:calc(100% - 1.25rem);display:grid;gap:.4rem}}