:root{--bg:#eef2f7;--card:#fff;--text:#0f172a;--muted:#475569;--accent:#0b5fff;--danger:#b42318;--line:#dbe2ee}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top right,#dfe9f7 0,var(--bg) 45%);color:var(--text)}main{min-height:100vh;padding:24px}.card{width:min(960px,100%);margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}input{width:100%;border:1px solid #c7d2e4;border-radius:10px;padding:10px 12px;font-size:14px}button,input{min-height:42px}button{border:0;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}button.primary{background:var(--accent);color:#fff}button.secondary{background:#e2e8f0;color:#0f172a}button.danger{background:#fee4e2;color:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:14px}.grid{display:grid;grid-gap:12px;gap:12px}@media (min-width:860px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-nav{gap:10px;padding:20px 40px}.landing-nav,.landing-nav-logo{display:flex;align-items:center}.landing-nav-logo{width:32px;height:32px;background:var(--accent);border-radius:8px;justify-content:center;color:#fff;font-weight:800;font-size:15px;letter-spacing:-.5px;flex-shrink:0}.landing-nav-name{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--text)}.landing-body{flex:1 1;display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;padding:32px 24px 48px;max-width:1100px;width:100%;margin:0 auto}@media (min-width:860px){.landing-body{grid-template-columns:1fr 420px;align-items:start;gap:64px;padding:40px 40px 64px}}.landing-hero h1{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin:0 0 16px}.landing-hero h1 span{color:var(--accent)}.landing-hero p.lead{font-size:17px;color:var(--muted);line-height:1.6;margin:0 0 40px;max-width:480px}.features{display:grid;grid-gap:16px;gap:16px}@media (min-width:600px){.features{grid-template-columns:1fr 1fr}}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}.feature-icon{font-size:22px;margin-bottom:10px;display:block}.feature-card h3{font-size:14px;font-weight:700;margin:0 0 6px;color:var(--text)}.feature-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.landing-login{position:-webkit-sticky;position:sticky;top:32px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px 28px}.login-card h2{margin:0 0 6px;font-size:20px;font-weight:800;letter-spacing:-.3px}.login-card p.subtitle{color:var(--muted);font-size:14px;margin:0 0 24px}.landing-footer{text-align:center;padding:20px;font-size:12px;color:#94a3b8;border-top:1px solid var(--line)}