.hero{max-width:640px;padding:48px 24px;text-align:center}.hero h1{font-size:clamp(2.4rem,6vw,3.5rem);margin:0 0 16px;letter-spacing:-.02em;background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.subtitle{font-size:1.15rem;color:#4b5563;margin:0 auto 32px;max-width:520px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn.primary{background:#4f46e5;color:#fff;box-shadow:0 6px 18px #4f46e54d}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #4f46e559}.btn.ghost{background:transparent;color:#4f46e5;border:1px solid #c7d2fe}.btn.ghost:hover{background:#eef2ff}.counter{margin-top:28px;color:#6b7280;font-size:.9rem}.counter button{background:none;border:1px solid #e5e7eb;border-radius:999px;padding:6px 14px;cursor:pointer;color:#374151;font-size:inherit}.counter button:hover{background:#f3f4f6}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#1a1a1a;background:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5f7fb,#fff)}