:root{--bg:#f3f6fb;--ink:#112033;--muted:#607089;--card:#fff;--line:#dbe5f2;--blue:#2f63ff;--dark:#09111f;--green:#10a667}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.topbar{height:72px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.brand{font-size:22px;font-weight:900;text-decoration:none;color:var(--ink)}nav{display:flex;gap:18px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-weight:700}.wrap{max-width:1180px;margin:36px auto;padding:0 24px}.hero{background:linear-gradient(135deg,#fff,#eaf0ff);border:1px solid var(--line);border-radius:32px;padding:58px;box-shadow:0 30px 80px rgba(16,32,60,.08)}h1{font-size:42px;line-height:1.05;margin:12px 0}h2{font-size:24px;margin:0 0 12px}.hero p,.muted{color:var(--muted);font-size:17px;line-height:1.55}.pill{display:inline-flex;background:#eaf0ff;color:var(--blue);border-radius:999px;padding:8px 12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px}.actions{display:flex;gap:12px;margin-top:24px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 20px;background:var(--blue);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.button.ghost{background:#fff;color:var(--blue);border:1px solid var(--line)}.button.small{padding:9px 14px}.button.facebook{background:#4267B2}.inline{display:inline}.inline button{background:transparent;color:var(--muted);padding:0}.grid{display:grid;gap:24px;margin-top:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(16,32,60,.06)}.card.narrow{max-width:520px;margin:0 auto}.form{display:grid;gap:16px}.form label{display:grid;gap:8px;font-weight:800;color:var(--ink)}input{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;background:#fbfdff}.alert{border-radius:16px;padding:16px 18px;margin-bottom:18px;font-weight:800}.alert.error{background:#fff1f1;color:#b80018;border:1px solid #ffd1d1}.alert.success{background:#eafff5;color:#087a4e;border:1px solid #baf0d6}.stats{display:flex;align-items:center;justify-content:space-around}.stats strong{font-size:48px;display:block}.stats span{color:var(--muted);font-weight:800}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:12px;background:#fbfdff}.row code{font-size:12px;color:var(--muted)}.social-login{border:1px dashed var(--line);padding:14px;margin-top:20px;border-radius:14px}@media(max-width:760px){.topbar{padding:0 18px}.grid.two{grid-template-columns:1fr}.hero{padding:32px}h1{font-size:34px}nav{gap:10px;font-size:13px}}