:root{ --bg:#fffaf3; --primary:#3b82f6; --ink:#0f172a; --card:#fff; --muted:#64748b; --shadow:0 8px 24px rgba(2,8,23,.06); --radius:16px; --font: ui-rounded, system-ui, -apple-system, Segoe UI, Roboto, Arial; }
*{box-sizing:border-box} html,body{margin:0;padding:0;font-family:var(--font);color:var(--ink);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{position:sticky;top:0;z-index:50;background:#fff;box-shadow:var(--shadow)}
.nav-inner{display:flex;gap:16px;align-items:center;padding:12px 24px}
.brand{display:flex;gap:12px;align-items:center;font-weight:900}
.brand-badge{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#22c55e);color:#fff;box-shadow:var(--shadow)}
.spacer{flex:1}.links{display:flex;gap:12px;align-items:center}
a{color:#3b82f6;text-decoration:none}.nav a.btn{background:#3b82f6;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow)}
.btn{border:2px solid #3b82f6;color:#3b82f6;padding:8px 12px;border-radius:12px;background:#fff;font-weight:700}
.btn.primary{background:#3b82f6;color:#fff}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.big-number{font-size:clamp(64px,12vw,160px);font-weight:900;text-align:center}
.small{font-size:12px;color:var(--muted)}
footer{margin-top:40px;padding:24px;color:var(--muted);text-align:center}