:root{--bg:#07111f;--card:#101d31;--text:#f6f8fc;--muted:#abb8ca;--brand:#18d4b5;--border:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(24,212,181,.12),transparent 28rem),var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.55}.container{width:min(1100px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid var(--border);background:rgba(7,17,31,.9)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;font-size:1.3rem;font-weight:800}.brand span,a{color:var(--brand)}nav{display:flex;align-items:center;gap:18px}.inline{display:inline}.link{border:0;background:none;color:var(--brand);font:inherit;cursor:pointer}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 22px;border:0;border-radius:12px;background:var(--brand);color:#04120f;font-weight:800;text-decoration:none;cursor:pointer}.small{min-height:38px}.secondary{color:var(--text);border:1px solid var(--border);background:transparent}.full{width:100%;margin-top:14px}.hero{padding:110px 0}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.05em;margin:0 0 20px}.eyebrow{color:var(--brand);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.actions{display:flex;gap:12px;margin-top:28px}.card,.auth-card{border:1px solid var(--border);border-radius:22px;background:var(--card);padding:30px}.auth{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(540px,100%)}.auth-card h1{font-size:3rem}.auth-card label{display:block;margin:16px 0 7px;font-weight:700}.auth-card input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;padding:0 12px}.roles{display:flex;gap:16px}.roles label{font-weight:500}.roles input{width:auto;min-height:0}.alert{padding:12px;border-radius:10px;background:rgba(255,90,110,.15)}.ok{background:rgba(70,210,130,.15)}.dashboard{min-height:calc(100vh - 130px);padding:75px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card p,.hero p{color:var(--muted)}footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted)}@media(max-width:800px){.grid,.cards{grid-template-columns:1fr}.nav{flex-wrap:wrap;padding:14px 0}}