:root{--bg: #0a0b10;--fg: #f5f6fa;--muted: #9aa0b4;--accent: #6c5cff;--accent-2: #00d4ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%}.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:24px}.heroBg{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 30%,rgba(108,92,255,.35),transparent 70%),radial-gradient(50% 50% at 80% 80%,rgba(0,212,255,.22),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(108,92,255,.18),transparent 70%);filter:blur(2px)}.heroContent{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}.h1{margin:0;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;border-radius:999px;font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn.primary{color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px #6c5cff73}.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 40px #6c5cff8c}.btn.primary:active{transform:translateY(0)}