.register-page{text-align:center;background:linear-gradient(135deg,var(--light-purple)0%,#fff 50%,var(--light-pink)100%);max-width:480px;min-height:100vh;margin:0 auto;padding:30px 20px 120px;position:relative;overflow:hidden}.register-page:before{content:"";z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237056B3' fill-opacity='0.06' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:20px 20px;position:fixed;inset:0}.register-page:after{content:"";background:linear-gradient(90deg,var(--pink),var(--yellow),#2ecc71,var(--blue),var(--purple),var(--pink));z-index:9999;background-size:200% 100%;height:4px;animation:4s linear infinite reg-edge-scroll;position:fixed;top:0;left:0;right:0}.register-page>*{z-index:1;position:relative}.reg-egg{opacity:.22;z-index:0;pointer-events:none;border-radius:50%/60% 60% 40% 40%;width:30px;height:40px;animation:6s ease-in-out infinite reg-egg-float;position:absolute}.reg-egg-1{background:var(--pink);animation-duration:5.5s;animation-delay:0s;top:8%;left:5%}.reg-egg-2{background:var(--yellow);width:24px;height:32px;animation-duration:7s;animation-delay:1s;top:15%;right:8%}.reg-egg-3{background:var(--purple);width:20px;height:28px;animation-duration:6s;animation-delay:2s;top:40%;left:3%}.reg-egg-4{background:var(--blue);width:26px;height:34px;animation-duration:5s;animation-delay:.5s;top:55%;right:4%}.reg-egg-5{background:var(--light-pink);width:22px;height:30px;animation-duration:7.5s;animation-delay:1.5s;top:70%;left:10%}.reg-egg-6{background:var(--yellow);width:18px;height:24px;animation-duration:6.5s;animation-delay:3s;top:30%;right:2%}.register-logo{filter:drop-shadow(0 4px 8px #7056b34d);width:180px;height:auto;margin-bottom:20px;animation:2s ease-in-out infinite hop-animation}.register-page h1{color:var(--pink);-webkit-text-stroke:.5px #00000026;text-stroke:.5px #00000026;margin-bottom:8px;font-family:Bungee,cursive;font-size:1.6rem;line-height:1.2}.register-subhead{color:#555;margin-bottom:12px;font-size:.95rem;line-height:1.5}.register-brunch-cta{color:#666;margin-bottom:24px;font-size:.85rem}.register-brunch-cta a{color:var(--pink);font-weight:700;text-decoration:underline}.register-form{-webkit-backdrop-filter:blur(10px);border:1px solid var(--light-purple);background:#ffffffb3;border-radius:20px;flex-direction:column;gap:14px;margin-bottom:20px;padding:24px 20px;display:flex;box-shadow:0 8px 32px #7056b326}.register-input{border:2px solid var(--light-purple);box-sizing:border-box;background:#fffc;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:Montserrat,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s,transform .15s}.register-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7056b333}.register-input:not(:placeholder-shown){border-color:var(--purple);transform:scale(1.01)}.register-textarea{resize:vertical;min-height:60px;max-height:160px;line-height:1.5}.register-optins{text-align:left;flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.register-optin{cursor:pointer;color:#555;align-items:center;gap:10px;font-size:.9rem;display:flex}.register-optin input[type=checkbox]{width:20px;height:20px;accent-color:var(--pink);cursor:pointer;border-radius:4px;flex-shrink:0}.register-optin span{line-height:1.3}.register-input.error{border-color:#e74c3c}.register-error{color:#e74c3c;text-align:left;margin-top:-8px;font-size:.8rem}.register-submit{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;min-height:44px;padding:16px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;animation:2s infinite pulse-pink}.register-submit:hover{animation-play-state:paused;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #d4006e66}.register-submit:active{transform:scale(.95);box-shadow:0 2px 8px #d4006e4d}.register-submit:disabled{opacity:.6;cursor:not-allowed;animation:none;transform:none}.register-page button:focus-visible,.register-page a:focus-visible,.register-page input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.register-confetti{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.register-confetti .confetti-particle{opacity:0;font-size:1.5rem;animation:none;position:absolute;top:40%}.confetti-active .confetti-particle{animation:1.2s ease-out forwards reg-confetti-scatter}.confetti-particle:first-child{animation-delay:0s;left:15%}.confetti-particle:nth-child(2){animation-delay:50ms;left:30%}.confetti-particle:nth-child(3){animation-delay:.1s;left:45%}.confetti-particle:nth-child(4){animation-delay:70ms;left:55%}.confetti-particle:nth-child(5){animation-delay:.12s;left:70%}.confetti-particle:nth-child(6){animation-delay:30ms;left:25%}.confetti-particle:nth-child(7){animation-delay:80ms;left:60%}.confetti-particle:nth-child(8){animation-delay:.15s;left:40%}.confetti-particle:nth-child(9){animation-delay:60ms;left:80%}.confetti-particle:nth-child(10){animation-delay:.11s;left:10%}.register-step2{-webkit-backdrop-filter:blur(10px);border:1px solid var(--light-purple);background:#ffffffb3;border-radius:20px;padding:30px 20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #7056b326}.register-step2:before{content:"";background:linear-gradient(90deg,var(--pink),var(--yellow),#2ecc71,var(--blue),var(--purple));border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.register-celebration{margin-bottom:10px;font-size:4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards reg-celebrate-burst,3s ease-in-out .6s infinite reg-celebrate-float}.register-step2 h2{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-text-fill-color:transparent;color:var(--purple);opacity:0;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Bungee,cursive;font-size:1.3rem;line-height:1.3;animation:.5s ease-out .2s forwards register-fade-in}.register-step2 p{color:#555;opacity:0;margin-bottom:20px;font-size:.9rem;line-height:1.5;animation:.5s ease-out .4s forwards register-fade-in}.register-wb .register-skip{opacity:1;color:var(--purple);font-weight:600;text-decoration:underline;animation:none}.register-wb .register-skip:hover{color:var(--pink);animation:none}.register-wb .register-celebration{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards reg-celebrate-burst,1.2s ease-in-out .6s infinite wb-bunny-bounce}@keyframes wb-bunny-bounce{0%,to{transform:scale(1)translateY(0)}30%{transform:scale(1.15,.9)translateY(6px)}50%{transform:scale(.95,1.1)translateY(-14px)}70%{transform:scale(1.05,.95)translateY(2px)}}.wb-countdown-ring{width:80px;height:80px;margin:10px auto 4px;position:relative}.wb-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.wb-ring-bg{fill:none;stroke:#7056b326;stroke-width:6px}.wb-ring-fill{fill:none;stroke:var(--pink);stroke-width:6px;stroke-linecap:round;stroke-dasharray:226;transition:stroke-dashoffset 1s linear}.wb-countdown-num{color:var(--pink);justify-content:center;align-items:center;font-family:Bungee,cursive;font-size:2rem;display:flex;position:absolute;inset:0}.register-share-section{opacity:0;margin-bottom:20px;animation:.5s ease-out .5s forwards register-fade-in}.register-share-section h3{color:var(--purple);margin-bottom:8px;font-family:Bungee,cursive;font-size:1rem}.register-share-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-bottom:12px;padding:14px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.register-share-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #d4006e4d}.register-share-btn:active{transform:scale(.95)}.register-share-platforms{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.register-share-platforms .reg-platform-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.register-share-platforms .reg-platform-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.register-share-platforms .reg-platform-btn:active{transform:scale(.95)}.register-action-btn{cursor:pointer;color:#fff;opacity:0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-bottom:12px;padding:14px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;animation:.5s ease-out forwards register-fade-in;display:flex}.register-action-btn:first-of-type{animation-delay:.6s}.register-action-btn:nth-of-type(2){animation-delay:.7s}.register-action-btn:nth-of-type(3){animation-delay:.8s}.register-action-btn:hover{transform:translateY(-2px)scale(1.02)}.register-action-btn:active{transform:scale(.95)}.register-install-btn{background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 4px 12px #d4006e33}.register-install-btn:hover{box-shadow:0 6px 20px #d4006e59}.register-push-btn{background:linear-gradient(135deg,var(--blue),var(--purple));animation:2s infinite pulse-blue,.5s ease-out forwards register-fade-in;box-shadow:0 4px 12px #2e6ca833}.register-push-btn:hover{animation-play-state:paused,paused;box-shadow:0 6px 20px #2e6ca859}.register-stw-btn{background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));background-size:200% 100%;animation:3s ease-in-out infinite reg-shimmer-btn,.5s ease-out forwards register-fade-in;box-shadow:0 4px 12px #7056b340}.register-stw-btn:hover{box-shadow:0 6px 20px #7056b366}.register-skip{color:#999;cursor:pointer;opacity:0;background:0 0;border:none;min-height:44px;margin-top:10px;padding:10px;font-family:Montserrat,sans-serif;font-size:.85rem;text-decoration:underline;animation:.5s ease-out .9s forwards register-fade-in;display:inline-block}.register-skip:hover{color:var(--purple);animation:.4s ease-in-out reg-wiggle}.register-divider{background:linear-gradient(90deg,transparent,var(--light-purple),transparent);border:none;height:1px;margin:24px 0}.register-status{border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 14px;font-size:.82rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards reg-status-pop;display:inline-flex}.register-status.success{color:#27ae60;background:#2ecc711f;border:1px solid #2ecc714d}.register-status.info{color:var(--purple);background:#7056b31a;border:1px solid #7056b333}.register-emoji-rain{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.register-emoji-rain span{font-size:1.5rem;animation:2s ease-in forwards reg-emoji-drift;position:absolute;top:-2rem}.register-emoji-rain span:first-child{animation-delay:0s;left:20%}.register-emoji-rain span:nth-child(2){animation-delay:.2s;left:45%}.register-emoji-rain span:nth-child(3){animation-delay:.4s;left:70%}.register-emoji-rain span:nth-child(4){animation-delay:.1s;left:35%}.register-server-error{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.85rem}@keyframes hop-animation{0%{transform:translateY(0)rotate(-2deg)}40%{transform:translateY(-8px)rotate(3deg)}60%{transform:translateY(-8px)rotate(3deg)}to{transform:translateY(0)rotate(-2deg)}}@keyframes reg-egg-float{0%,to{opacity:.22;transform:translateY(0)}50%{opacity:.18;transform:translateY(-15px)}}@keyframes pulse-pink{0%{box-shadow:0 4px 8px #0003,0 0 #d4006eb3}70%{box-shadow:0 4px 8px #0003,0 0 0 15px #d4006e00}to{box-shadow:0 4px 8px #0003,0 0 #d4006e00}}@keyframes pulse-blue{0%{box-shadow:0 0 #4facfeb3}70%{box-shadow:0 0 0 10px #4facfe00}to{box-shadow:0 0 #4facfe00}}@keyframes reg-edge-scroll{0%{background-position:0 0}to{background-position:200% 0}}@keyframes reg-shimmer-btn{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes reg-celebrate-burst{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes reg-celebrate-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes reg-status-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes register-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reg-confetti-scatter{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(-200px)scale(.5)rotate(360deg)}}.confetti-active .confetti-particle:nth-child(odd){animation-name:reg-confetti-scatter-left}@keyframes reg-confetti-scatter-left{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(-60px,-180px)scale(.5)rotate(-270deg)}}.confetti-active .confetti-particle:nth-child(2n){animation-name:reg-confetti-scatter-right}@keyframes reg-confetti-scatter-right{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(60px,-180px)scale(.5)rotate(270deg)}}@keyframes reg-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes reg-emoji-drift{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(180deg)}}@media (prefers-reduced-motion:reduce){.reg-egg{opacity:.18;animation:none}.register-logo,.register-page:after,.register-submit,.register-push-btn,.register-stw-btn{animation:none}.register-celebration{opacity:1;animation:none;transform:scale(1)}.register-step2 h2,.register-step2 p,.register-share-section,.register-action-btn,.register-skip{opacity:1;animation:none;transform:none}.register-status{animation:none}.confetti-active .confetti-particle,.register-emoji-rain span{animation:none;display:none}.register-skip:hover{animation:none}.register-input:not(:placeholder-shown){transform:none}}@media (max-width:480px){.register-page h1{font-size:1.3rem}.register-logo{width:140px}.register-celebration{font-size:3rem}.reg-egg-6,.confetti-particle:nth-child(n+7){display:none}}
