*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}.signup-page{background:linear-gradient(160deg,#5a0015 0%,#800020 45%,#a0002a 100%);flex-direction:column;align-items:center;min-height:100vh;margin:0;display:flex;overflow-x:hidden}.signup-dot{background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:all .3s}.signup-dot.active{background:#fff;border-radius:4px;width:24px}.signup-back-btn{cursor:pointer;z-index:50;background:#ffffff26;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:fixed;top:22px;left:20px}.signup-back-btn:hover{background:#ffffff40}.signup-speech-bubble{background:#fffaf9;border:1.5px solid #00000014;border-radius:18px;width:100%;max-width:320px;padding:18px 22px;position:relative;box-shadow:0 16px 48px #0000002e,0 3px 10px #0000001a}.bubble-tail-top{background:#fffaf9;border-top:1.5px solid #00000014;border-left:1.5px solid #00000014;border-radius:4px 0 0;width:15px;height:15px;position:absolute;top:-9px;left:32px;transform:rotate(45deg)}.bubble-label{color:#800020;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:800}.bubble-urdu{color:#800020;margin-bottom:7px;font-size:13.5px;font-style:italic;font-weight:700;line-height:1.5}.bubble-en{color:#475569;font-size:12.5px;line-height:1.7}.signup-input{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:2px solid #ffffff40;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s,background .2s}.signup-input::placeholder{color:#ffffff73}.signup-input:focus{background:#ffffff2e;border-color:#fff9}.status-pill{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;width:100%;padding:13px 20px;font-size:14px;font-weight:700;transition:all .2s}.status-pill:hover{background:#fff3;border-color:#ffffff80}.status-pill.selected{color:#800020;background:#fff;border-color:#fff}.next-btn{color:#800020;cursor:pointer;background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 24px #0003}.next-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000040}.next-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.skip-btn{color:#ffffff59;cursor:pointer;text-underline-offset:3px;background:0 0;border:1px solid #fff3;border-radius:50px;width:100%;padding:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.skip-btn:hover{color:#ffffffbf;border-color:#fff6}.step-wrap{flex-direction:column;align-items:center;width:100%;max-width:380px;padding:0 24px 40px;animation:.35s stepIn;display:none}.step-wrap.active{display:flex}@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.input-area{opacity:0;flex-direction:column;gap:12px;width:100%;margin-top:20px;transition:opacity .4s;display:flex}.input-area.visible{opacity:1}.checkmark-circle{background:#ffffff26;border:2.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.signup-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 16px center no-repeat;border:1.5px solid #fff3;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:14px;font-weight:600}.signup-select option{color:#1e293b;background:#fff}.tw-cursor:after{content:"|";color:#800020;animation:.7s step-end infinite signup-blink}@keyframes signup-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes signup-load-line{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.signup-speech-bubble{padding:14px 16px}.signup-page{padding:16px 12px}}