@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Fraunces:wght@600&display=swap");*{box-sizing:border-box}body{font-family:DM Sans,sans-serif}.signup-page{position:relative;width:100%;height:100vh;overflow:hidden}.iframe-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(15,15,15,.93),rgba(30,30,30,.93));z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;box-shadow:0 24px 64px rgba(0,0,0,.3)}.modal::-webkit-scrollbar{display:none}.modal:before{content:"";display:block;width:100%;height:6px;background:linear-gradient(90deg,#f97316,#ea580c,#fb923c);border-radius:20px 20px 0 0}.modal-brand{padding:20px 28px 0;display:flex;align-items:center;justify-content:space-between}.modal-brand-name{font-family:Fraunces,serif;font-size:20px;font-weight:600;color:#111111}.modal-brand-name span{color:#f97316}.modal-tagline{font-size:11px;color:#9ca3af;margin-top:2px;letter-spacing:.3px}.step-bar{display:flex;gap:5px;padding:14px 28px 0}.step-bar span{flex:1 1;height:3px;border-radius:2px;background:#f3f4f6;transition:background .3s}.step-bar span.active{background:linear-gradient(90deg,#f97316,#fb923c)}.modal h2{font-size:18px;font-weight:600;color:#111111;text-align:left;margin:0 0 2px;padding:16px 28px 0}.modal form{display:flex;flex-direction:column;gap:12px;padding:14px 28px 28px}.modal .field-label{font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;display:block}.modal input,.modal select{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:13px;color:#111111;font-family:DM Sans,sans-serif;outline:none;transition:border .2s,background .2s;width:100%}.modal input::placeholder{color:#c1c5cb}.modal input:focus,.modal select:focus{border-color:#f97316;background:#ffffff}.modal select option{background:#ffffff;color:#111111}.modal .input-row{display:flex;gap:10px}.modal .input-row>*{flex:1 1}.phone-wrap{position:relative}.phone-prefix{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:13px;color:#9ca3af;pointer-events:none;z-index:1}.phone-wrap input{padding-left:40px!important}.modal button:not(.close-btn):not(.otp-btn),.modal button[type=submit]{width:100%;padding:12px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;color:#ffffff;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;letter-spacing:.3px;transition:opacity .2s,transform .1s;margin-top:4px}.modal button:not(.close-btn):not(.otp-btn):hover,.modal button[type=submit]:hover{opacity:.88}.modal button[type=submit]:active{transform:scale(.99)}.modal button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.modal .close-btn,button.close-btn{position:absolute!important;top:12px!important;right:16px!important;background:#f3f4f6!important;border:none!important;border-radius:50%!important;width:28px!important;height:28px!important;font-size:16px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;transition:background .2s,color .2s!important}.modal .close-btn:hover{background:#e5e7eb!important;color:#111111!important}.modal-footer{text-align:center;font-size:12px;color:#9ca3af;padding:0 28px 20px}.modal-footer a{color:#f97316;cursor:pointer;font-weight:500}.modal-otp{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.3);z-index:1001;width:360px;padding:32px 28px 28px;text-align:center}.modal-otp:before{content:"";display:block;width:100%;height:4px;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:20px 20px 0 0;position:absolute;top:0;left:0}.modal-otp h2{font-size:18px;font-weight:600;color:#111111;margin-bottom:6px;padding:0}.otp-hint{font-size:12px;color:#9ca3af;margin-bottom:20px}.otp-form{display:flex;flex-direction:column;align-items:center;gap:14px}.otp-input{padding:14px 16px!important;width:200px!important;font-size:22px!important;letter-spacing:8px!important;text-align:center!important;background:#f9fafb!important;border:1.5px solid #e5e7eb!important;border-radius:12px!important;color:#111111!important;font-family:DM Sans,sans-serif!important;outline:none!important;transition:border .2s!important}.otp-input:focus{border-color:#f97316!important;background:#ffffff!important}.otp-btn{padding:11px 28px!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;font-family:DM Sans,sans-serif!important;cursor:pointer!important;transition:opacity .2s!important;width:200px!important}.otp-btn:hover{opacity:.88!important}.otp-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.resend-text{font-size:12px;color:#9ca3af;margin-top:14px}.resend-link{color:#f97316;cursor:pointer;font-weight:500}.resend-link:hover{text-decoration:underline}.email-popup{position:fixed;top:20px;right:20px;padding:12px 18px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:9999;display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;transition:opacity .3s,transform .3s;opacity:1;transform:translateY(0)}.email-popup.success{background:#111111;color:#f97316;border:1px solid rgba(249,115,22,.35)}.email-popup.error{background:#111111;color:#fca5a5;border:1px solid rgba(252,165,165,.25)}.email-popup.hide{opacity:0;transform:translateY(-8px)}@media (max-width:600px){.modal{max-width:100%;border-radius:16px}.modal form{padding:16px 18px 22px}.modal h2{font-size:16px}.modal h2,.modal-brand{padding:16px 18px 0}.step-bar{padding:10px 18px 0}.modal .input-row{flex-direction:column;gap:12px}.modal-otp{width:calc(100% - 40px);padding:28px 20px 24px}}.google-signup-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1.5px solid #dadce0;border-radius:8px;background:#fff;color:#3c4043;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s;margin-bottom:16px}.google-signup-btn:hover{background:#f8f9fa;box-shadow:0 1px 4px rgba(0,0,0,.12)}.google-signup-btn:active{background:#f1f3f4}.divider{display:flex;align-items:center;gap:10px;margin:4px 0 16px;color:#9aa0a6;font-size:.82rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:#e0e0e0}.google-account-info{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;background:#f8f9fa;margin-bottom:18px}.google-account-name{font-size:.92rem;font-weight:600;color:#202124;margin:0}.google-account-email{font-size:.82rem;color:#5f6368;margin:2px 0 0}