:root{--background:#f5f6f8;--surface:#fff;--foreground:#101114;--muted:#68707d;--border:#e4e7ec;--accent:#111827;--accent-foreground:#fff;--danger:#b42318;--success:#067647}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.shell{min-height:100vh;padding:24px 18px}.container{width:min(100%,560px);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-top:12vh;padding:28px 22px}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,8vw,44px);line-height:1.02}.lead{color:var(--muted);margin:16px 0 28px;font-size:17px;line-height:1.5}.stack{gap:14px;display:grid}label{font-size:14px;font-weight:700}input{border:1px solid var(--border);width:100%;min-height:52px;color:var(--foreground);background:#fff;border-radius:14px;outline:none;padding:0 15px}input:focus{border-color:#98a2b3;box-shadow:0 0 0 3px #98a2b329}.button{background:var(--accent);min-height:52px;color:var(--accent-foreground);cursor:pointer;border:0;border-radius:14px;padding:0 18px;font-weight:700}.button.secondary{color:var(--foreground);background:#eef0f3}.notice{border-radius:14px;padding:14px;font-size:14px;line-height:1.45}.notice.success{color:var(--success);background:#ecfdf3}.notice.error{color:var(--danger);background:#fef3f2}.meta{color:var(--muted);margin-top:24px;font-size:13px;line-height:1.5}.dashboard{margin-top:5vh}.kpi{border:1px solid var(--border);border-radius:16px;margin-top:20px;padding:18px}@media (min-width:768px){.shell{padding:48px}.card{padding:38px}}