:root{--bg:#f5f7fb;--card:#fff;--ink:#172033;--muted:#667085;--blue:#3976bb;--line:#e4e7ec}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,48px)}.brand{font-weight:800;color:var(--blue);font-size:1.25rem}nav{display:flex;gap:16px;align-items:center}.container{width:min(1120px,92vw);margin:32px auto}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:.1em 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:700}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(23,32,51,.06)}.auth-card,.narrow{max-width:520px;margin:48px auto}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;font-weight:700;color:#344054}.form input,.form textarea,.form select,.task select{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:12px 14px;background:#fff;font:inherit}.form textarea{min-height:110px}.btn,button{border:0;border-radius:14px;background:var(--blue);color:#fff;font-weight:800;padding:12px 18px;cursor:pointer}.inline{display:inline}.list-row,.task{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row span,.task p{color:var(--muted);margin:.25rem 0 0}.alert{background:#fff1f3;color:#b42318;border:1px solid #fecdca;padding:12px;border-radius:14px}@media(max-width:760px){.two{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.task,.list-row{align-items:flex-start;flex-direction:column}}
