:root{--bg:#f5f3ee;--card:rgba(255,255,255,.88);--text:#111;--muted:#66645f;--line:rgba(17,17,17,.10);--accent:#ff5a36;--shadow:0 18px 50px rgba(17,17,17,.08)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,90,54,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(17,17,17,.06),transparent 30%),var(--bg)}button,input{font:inherit}.shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:64px 0}.topbar{display:flex;justify-content:space-between;gap:16px}.eyebrow,.topbar{align-items:center}.eyebrow{display:inline-flex;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrowDot{width:8px;height:8px;border-radius:50%;background:var(--accent)}h1{margin:24px 0 14px;max-width:760px;font-size:clamp(42px,7vw,76px);line-height:.96;letter-spacing:-.055em;font-weight:800}.intro{max-width:660px;margin:0 0 44px;color:var(--muted);font-size:18px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.card{position:relative;min-height:210px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(17,17,17,.12);border-color:rgba(255,90,54,.35)}.number{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em}.card h2{margin:28px 0 8px;font-size:23px;letter-spacing:-.025em}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.arrow{align-self:flex-end;margin-top:28px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:18px;transition:background .2s ease,transform .2s ease}.card:hover .arrow{background:var(--accent);transform:translate(2px,-2px)}.logout{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.62);color:var(--muted);padding:9px 14px;cursor:pointer}.logout:hover{background:#fff;color:var(--text)}footer{margin-top:28px;color:var(--muted);font-size:13px}.loginShell{width:min(100% - 32px,520px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid;place-items:center}.loginCard{width:100%;padding:36px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loginTitle{margin-top:28px;font-size:clamp(38px,8vw,58px)}.loginIntro{margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.55}.loginForm{display:grid;grid-gap:10px;gap:10px}.loginForm label{font-size:13px;font-weight:700}.loginForm input{width:100%;border:1px solid rgba(17,17,17,.16);border-radius:14px;background:#fff;padding:14px 15px;outline:none}.loginForm input:focus{border-color:rgba(255,90,54,.7);box-shadow:0 0 0 4px rgba(255,90,54,.1)}.loginButton{margin-top:8px;border:0;border-radius:14px;background:#111;color:#fff;padding:14px 18px;font-weight:700;cursor:pointer}.loginButton:hover{background:var(--accent)}.errorMessage{margin:2px 0 0;color:#a12622;font-size:13px;line-height:1.4}.loginFootnote{margin:22px 0 0;color:var(--muted);font-size:12px}@media(max-width:860px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.shell{width:min(100% - 24px,1120px);padding-top:34px}.grid{grid-template-columns:1fr}.card{min-height:180px}.intro{font-size:16px}.loginCard{padding:26px}}