*{margin:0;padding:0;box-sizing:border-box}.page-wrapper{min-height:100vh;background:#080808;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;align-items:flex-start;justify-content:center}.container{width:100%;max-width:100%}.header{text-align:center;margin-bottom:0;background:#111111;padding:1.5rem 0}.title{font-size:3.5rem;font-weight:800;color:#0fffb7;text-shadow:0 0 10px rgba(15,255,183,.6);margin-bottom:.25rem}.subtitle{color:#94a3b8;font-size:1rem;font-weight:400}.form-card{background:#111111;overflow:hidden;position:relative;border-radius:0}.form{padding:1rem 1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem;position:relative}.label{display:block;margin-bottom:.35rem;font-weight:500;color:#e2e8f0;font-size:.92rem}.required{color:#ff3358;margin-left:3px}.input,.select{width:100%;padding:.6rem .7rem;background:#0a0a0a;border:1px solid rgba(15,255,183,.1);border-radius:6px;color:#e2e8f0;font-size:.95rem;transition:all .2s ease;font-family:inherit}.input::placeholder{color:#64748b}.input:focus,.select:focus{outline:none;border-color:#0fffb7}.celebration-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999;perspective:1000px;background:rgba(0,0,0,.7);animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.confetti-wrapper{position:absolute;width:100%;height:100%;overflow:hidden}.confetti{position:absolute;width:15px;height:15px;top:-20px;animation:confetti-fall linear forwards;border-radius:2px}.confetti-0{background:#ff3358;transform:rotate(45deg)}.confetti-1{background:#0fffb7;transform:rotate(30deg)}.confetti-2{background:#00c2ff;transform:rotate(60deg)}.confetti-3{background:#ffeb3b;transform:rotate(15deg)}@keyframes confetti-fall{0%{top:-10%;opacity:1;transform:translateX(0) rotate(0deg) rotateX(0deg)}25%{transform:translateX(-50px) rotate(180deg) rotateX(90deg)}50%{transform:translateX(50px) rotate(1turn) rotateX(180deg)}75%{transform:translateX(-30px) rotate(540deg) rotateX(270deg)}to{top:110%;opacity:.8;transform:translateX(20px) rotate(2turn) rotateX(1turn)}}.party-popper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:popper-appear .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes popper-appear{0%{transform:translate(-50%,-50%) scale(0) rotateY(0deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3) rotateY(180deg)}to{transform:translate(-50%,-50%) scale(1) rotateY(1turn);opacity:1}}.popper-cone{width:120px;height:120px;background:linear-gradient(45deg,#0fffb7,#00e0a0 50%,#00c2ff);clip-path:polygon(50% 0,20% 100%,80% 100%);box-shadow:0 20px 60px rgba(15,255,183,.8),0 0 100px rgba(15,255,183,.4);animation:cone-shake .5s ease-in-out infinite alternate;transform-style:preserve-3d}@keyframes cone-shake{0%{transform:rotate(-5deg) translateY(0) scale(1)}to{transform:rotate(5deg) translateY(-5px) scale(1.05)}}.popper-explosion{position:absolute;top:-80px;left:50%;transform:translateX(-50%);display:flex;gap:30px}.emoji{font-size:50px;animation:emoji-bounce 1s ease-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.emoji:first-child{animation-delay:0s}.emoji:nth-child(2){animation-delay:.2s}.emoji:nth-child(3){animation-delay:.4s}@keyframes emoji-bounce{0%,to{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(-30px) scale(1.3) rotate(15deg)}}.discount-badge{position:absolute;top:140px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#0fffb7,#00e0a0);color:#000;padding:16px 32px;border-radius:50px;font-weight:900;font-size:28px;box-shadow:0 12px 40px rgba(15,255,183,.6),0 0 80px rgba(15,255,183,.3);animation:badge-pop .8s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.4s;opacity:0}@keyframes badge-pop{0%{transform:translateX(-50%) scale(0) rotate(-180deg);opacity:0}70%{transform:translateX(-50%) scale(1.2) rotate(10deg)}to{transform:translateX(-50%) scale(1) rotate(0deg);opacity:1}}.discount-text{display:block;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px}@media (max-width:768px){.popper-cone{width:100px;height:100px}.emoji{font-size:40px}.discount-badge{font-size:24px;padding:12px 24px}.popper-explosion{gap:20px}}.referral-input-group{display:flex;gap:.5rem;align-items:stretch}.referral-input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.apply-button{padding:.6rem 1.2rem;background:#0fffb7;color:#000000;border:none;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.apply-button:hover:not(:disabled){background:#00e0a0}.apply-button:active:not(:disabled){transform:scale(.98)}.apply-button:disabled{background:#1a1a1a;color:#64748b;cursor:not-allowed}.input.valid-referral{border-color:#0fffb7;background:rgba(15,255,183,.05)}.input.invalid-referral{border-color:#ff3358;background:rgba(255,51,88,.05)}.referral-status{margin-top:.5rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.referral-status.valid{color:#0fffb7}.referral-status.invalid{color:#ff3358}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid #0fffb7;border-bottom:2px solid #0fffb7;pointer-events:none;transform:translateY(-70%) rotate(45deg)}.select{appearance:none;padding-right:2rem;cursor:pointer}.select option{background:#0a0a0a;color:#e2e8f0;padding:.6rem}.divider{display:flex;align-items:center;margin:1rem 0;position:relative}.divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(15,255,183,.15),transparent)}.divider-text{padding:0 1rem;color:#94a3b8;font-size:.9rem;font-weight:500}.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(15,255,183,.15),transparent)}.submit-section{margin-top:1.25rem;text-align:center}.submit-button{background:#0fffb7;color:#000000;border:none;padding:.6rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.submit-button:hover:not(:disabled){background:#00e0a0}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.submitting{background:#00c2ff}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.3);border-top-color:#000;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status{margin-top:.75rem;padding:.5rem 1rem;border-radius:6px;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.status.success{background:rgba(15,255,183,.08);color:#0fffb7;border:1px solid rgba(15,255,183,.2)}.status.error{background:rgba(255,51,88,.08);color:#ff3358;border:1px solid rgba(255,51,88,.2)}.status-icon{font-weight:700}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:.5rem}.form-group{margin-bottom:.75rem}.referral-status{margin-top:.5rem}.referral-input-group{flex-direction:column;gap:.5rem}.apply-button,.referral-input{border-radius:6px}.apply-button{width:100%}}