:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background:#020617;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#e2e8f0;background:radial-gradient(circle at top,#1e3e86 0%,#020617 45%,#03060f 100%);min-height:100vh}button{font:inherit}main{place-items:center;min-height:100vh;padding:2rem;display:grid}.hero{cursor:pointer;background:#0f172ae0;border:1px solid #94a3b814;border-radius:32px;width:min(100%,960px);padding:3rem;position:relative;overflow:hidden;box-shadow:0 40px 120px #0f172a73}.content{z-index:1;position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#93c5fd;margin:0 0 1rem;font-size:.95rem}.title{margin:0;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.02}.subtitle{color:#cbd5e1;max-width:42rem;margin:1.5rem 0 2rem;line-height:1.75}.action{color:#020617;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);border:none;border-radius:999px;justify-content:center;align-items:center;padding:1rem 1.8rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.action:hover{transform:translateY(-2px);box-shadow:0 18px 35px #38bdf838}.rain-area{pointer-events:none;position:absolute;inset:0}.droplet{background:radial-gradient(circle,#93c5fd 0%,#0ea5e9 100%);border-radius:999px;width:16px;height:16px;animation:.8s ease-out forwards droplet;position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 30px #38bdf859}@keyframes droplet{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(.1)}}