*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#3b1667 0,#120d2e 47%,#09091d 100%);color:#fff;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(95px);opacity:.35}.ambient-one{width:300px;height:300px;background:#942bff;top:0;left:-150px}.ambient-two{width:320px;height:320px;background:#005cff;bottom:0;right:-160px}.page{position:relative;width:min(100% - 24px,680px);margin:20px auto 30px}.hero{border:2px solid #9e43fa;border-radius:24px 24px 10px 10px;overflow:hidden;box-shadow:0 0 30px #7b2cf880}.hero img{display:block;width:100%;height:auto}.panel{margin:-3px 14px 0;padding:28px clamp(18px,5vw,40px);background:linear-gradient(145deg,#26154a,#12122f 65%,#21123f);border:2px solid #8d44f4;border-radius:16px 16px 28px 28px;box-shadow:0 0 25px #a438f855,inset 0 0 35px #6c2bb41c}.panel-top{text-align:center}.eyebrow{font-size:.74rem;letter-spacing:.2em;color:#dcb8ff;font-weight:800}.panel h1{margin:13px 0;font-size:clamp(1.4rem,5vw,2rem);text-shadow:0 0 16px #a741ff}.panel p{color:#ddd3ee;line-height:1.6}.panel p strong{color:#ffce46}.form{margin-top:22px}.form label{display:block;margin:18px 0 8px;font-size:.92rem;font-weight:700;color:#eee6ff}.field{display:flex;align-items:center;border:1.5px solid #bd85fa;border-radius:14px;background:#ffffff0a;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:#f2c3ff;box-shadow:0 0 0 3px #a34bf72e}.field span{width:52px;text-align:center;color:#d6a6ff;font-size:1.55rem}.field input{width:100%;min-width:0;border:0;background:transparent;color:#fff;font:inherit;padding:18px 12px 18px 0;outline:0}.field input::placeholder{color:#b2a4c9}.hint{font-size:.78rem;margin:8px 0 22px}.claim{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:15px 18px;border:2px solid #ffe37b;border-radius:14px;background:linear-gradient(#fff47d 0%,#ffcb26 44%,#f69a0a 100%);color:#41210a;text-decoration:none;font:900 clamp(1.1rem,4vw,1.5rem) system-ui;cursor:pointer;box-shadow:0 6px 0 #9b470b,0 9px 25px #ffaf2870;text-shadow:0 1px #fff3a8}.claim:hover{filter:brightness(1.09);transform:translateY(-1px)}.claim:active{transform:translateY(4px);box-shadow:0 2px 0 #9b470b}.perks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;text-align:center}.perks div{padding:4px 8px;font-size:.82rem;font-weight:700}.perks div+div{border-left:1px solid #725a98}.perks span{display:block;font-size:1.7rem;margin-bottom:8px;color:#dca7ff}.error{border:1px solid #ff8295;background:#6a1b35;padding:12px;border-radius:10px;margin-top:16px}footer{text-align:center;color:#a99dbd;font-size:.73rem;padding:20px 12px}.overlay{position:fixed;inset:0;z-index:50;background:#050311d9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal{width:min(100%,420px);text-align:center;padding:32px 25px;background:linear-gradient(155deg,#2b1754,#11112c);border:2px solid #b65bff;border-radius:22px;box-shadow:0 0 50px #9e40ff88}.modal-icon{font-size:3.5rem}.modal h2{font-size:1.6rem}.modal p{color:#e5d7f5;line-height:1.6}.modal .claim{font-size:1rem;min-height:54px;margin:24px 0 12px}.close{background:none;border:0;color:#e0c4fa;cursor:pointer;padding:12px;font:inherit}@media(max-width:460px){.page{width:100%;margin:0 auto}.hero{border-radius:0;border-left:0;border-right:0}.panel{margin:0 10px;padding:23px 18px}.perks div{font-size:.7rem}}