.sign-up-page{background:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px 40px;display:flex;overflow:hidden auto}.sign-up-container{background-color:var(--surface);box-sizing:border-box;border:4px solid var(--border);width:100%;max-width:500px;box-shadow:var(--shadow);border-radius:30px;flex-direction:column;gap:25px;padding:50px;display:flex}.sign-up-logo-container{box-sizing:border-box;background-color:#f0f8ff;border-radius:30px;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% + 102px);height:auto;min-height:240px;margin:-52px;padding:40px 24px 20px;display:flex;position:relative;overflow:hidden}.sign-up-logo-container:before{content:"";background:#b9dcf7;border-radius:50%;width:100px;height:100px;position:absolute;top:-45px;right:-35px}.sign-up-logo-container:after{content:"";background:#c7e4f9;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;left:-40px;transform:translateY(-50%)}.sign-up-logo-text{color:var(--navy);font-size:16px}.sign-up-logo-image{object-fit:contain;width:auto;max-width:72%;height:130px;display:block}.sign-up-container form{flex-direction:column;gap:20px;padding-top:50px;display:flex}.auth-text{color:var(--navy)}.sign-up-form{background-color:var(--bg);box-sizing:border-box;border:4px solid var(--border);width:100%;color:var(--text-h);border-radius:10px;padding:12px;font-size:16px;transition:border-color .3s,box-shadow .3s}.sign-up-form:focus{border-color:var(--navy);box-shadow:0 0 8px var(--accent-bg);outline:none}.form-error{color:#ff4d4d;text-align:start;margin:6px 0 0;padding:0;font-size:.85rem;line-height:1.3}.sign-up-form.input-error{border-color:#ff4d4d}.sign-up-hint{background-color:var(--bg);box-sizing:border-box;border:1px solid var(--border);border-radius:10px;width:100%;padding:10px}.form-label{text-align:start;width:100%;color:var(--text-h);padding-bottom:10px;font-size:16px;font-weight:700}.sign-up-container h1{text-align:center;margin:0 0 10px;font-size:2rem;font-weight:700;line-height:1.2}.keep-logged-in{margin:12px 0 20px}.keep-logged-in label{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.keep-logged-in input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy);cursor:pointer}.create-account{text-align:center;color:var(--text);margin-top:18px;font-size:14px}.create-account a{color:var(--navy);font-weight:600;text-decoration:none;transition:color .2s}[data-theme=dark] .create-account a{color:var(--amber)}.create-account a:hover{color:var(--amber);text-decoration:underline}.phone-input-wrapper{align-items:stretch;gap:10px;width:100%;display:flex}.country-code{box-sizing:border-box;background-color:var(--navy);color:#fff;border:4px solid var(--border);border-radius:10px;justify-content:center;align-items:center;min-width:78px;padding:12px 14px;font-size:16px;font-weight:700;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.phone-input-wrapper .sign-up-form{border-radius:10px;flex:1;width:auto}.phone-input-wrapper .sign-up-form:focus{border-color:var(--navy);box-shadow:0 0 8px var(--accent-bg);outline:none}.phone-input-wrapper:focus-within .country-code{border-color:var(--navy);box-shadow:0 0 8px var(--accent-bg)}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper .password-input{box-sizing:border-box;width:100%;padding-inline-end:50px}.password-toggle{inset-inline-end:14px;color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{opacity:.7}@media (width<=480px){.sign-up-container h1{font-size:1.7rem}}@media (width<=768px){.sign-up-page{align-items:flex-start;padding:30px 15px}.sign-up-container{border-radius:20px;max-width:600px;margin-top:30px;padding:40px 30px}}.otp-boxes{direction:ltr;justify-content:center;gap:12px;margin:8px 0 4px;display:flex}.otp-box{text-align:center;width:56px;height:64px;color:var(--text-h);background-color:var(--bg);border:3px solid var(--border);box-sizing:border-box;border-radius:12px;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s,background-color .2s}.otp-box:focus{border-color:var(--navy);outline:none;box-shadow:0 0 8px #0f274740}.otp-box.filled{border-color:var(--amber);background-color:var(--accent-bg);color:var(--text-h)}.otp-description{text-align:center;color:var(--text);margin-bottom:8px}.resend-container{color:var(--text);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:.9rem;display:flex}.resend-button{color:var(--navy);cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}[data-theme=dark] .resend-button{color:var(--amber)}.resend-button:disabled{color:var(--text);cursor:not-allowed;text-decoration:none}@media (width<=480px){.sign-up-page{align-items:flex-start;min-height:400px;padding:80px 15px 25px}.sign-up-container{border-width:2px;border-radius:16px;gap:20px;padding:30px 20px}.sign-up-form{padding:12px;font-size:16px}.sign-up-logo-container{box-sizing:border-box;border-radius:16px;width:calc(100% + 42px);margin-bottom:-20px;margin-left:-20px;margin-right:-21px;transform:translateY(20px)}}.skeleton-page{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px 40px;display:flex;overflow:hidden auto}.signup-skeleton{box-sizing:border-box;flex-direction:column;gap:25px;width:100%;max-width:500px;padding:50px;display:flex;overflow:hidden}.skeleton-shape{background:var(--border);isolation:isolate;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.skeleton-shape:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 25%,#ffffffa6 50%,#ffffff26 75%,#0000 100%);animation:1.5s ease-in-out infinite signup-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes signup-shimmer{to{transform:translate(100%)}}.skeleton-logo{box-sizing:border-box;background-color:var(--surface);border-radius:30px;flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;width:calc(100% + 102px);height:auto;min-height:240px;margin:-52px -52px 0;padding:40px 24px 20px;display:flex}.skeleton-logo-image{border-radius:18px;width:72%;max-width:220px;height:130px}.skeleton-logo-text{width:45%;height:16px}.skeleton-heading{flex-direction:column;align-items:center;gap:12px;padding-top:30px;display:flex}.skeleton-title{border-radius:10px;width:65%;height:34px}.skeleton-subtitle{width:82%;height:15px}.skeleton-form{flex-direction:column;gap:20px;padding-top:20px;display:flex}.skeleton-field{flex-direction:column;gap:10px;width:100%;display:flex}.skeleton-label{background:var(--border);width:40%;height:16px}.skeleton-input{border:4px solid var(--border);box-sizing:border-box;border-radius:10px;width:100%;height:50px}.skeleton-country-code{border:4px solid var(--border);box-sizing:border-box;border-radius:10px;min-width:78px;height:50px}.phone-input-wrapper .skeleton-input{flex:1;min-width:0}.skeleton-checkbox-row{align-items:center;gap:10px;margin:4px 0;display:flex}.skeleton-checkbox{border-radius:4px;width:16px;height:16px}.skeleton-checkbox-text{width:55%;height:14px}.skeleton-otp-description{align-self:center;width:85%;max-width:300px;height:16px}.otp-boxes{direction:ltr;justify-content:center;gap:12px;display:flex}.otp-box{border:3px solid var(--border);border-radius:12px;width:56px;height:64px}.skeleton-resend{align-self:center;width:45%;height:15px;margin-top:10px}.skeleton-submit{border-radius:10px;width:100%;height:50px;margin-top:5px}.skeleton-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.skeleton-footer-text{width:35%;height:14px}.skeleton-footer-link{width:22%;height:14px}[data-theme=dark] .skeleton-shape{background:#303b4b}[data-theme=dark] .skeleton-shape:after{background:linear-gradient(90deg,#0000 0%,#ffffff0a 25%,#ffffff29 50%,#ffffff0a 75%,#0000 100%)}@media (width<=768px){.skeleton-page{align-items:flex-start;padding:30px 15px}.signup-skeleton{border-radius:20px;max-width:600px;margin-top:30px;padding:40px 30px}}@media (width<=480px){.skeleton-page{align-items:flex-start;min-height:400px;padding:80px 15px 25px}.signup-skeleton{border-width:2px;border-radius:16px;gap:20px;padding:30px 20px}.skeleton-logo{border-radius:16px;width:calc(100% + 42px);margin-bottom:-20px;margin-left:-20px;margin-right:-21px;transform:translateY(20px)}.otp-boxes{gap:6px}.otp-box{width:min(56px,16.6667vw - 16.6667px);height:56px}}@media (prefers-reduced-motion:reduce){.skeleton-shape:after{animation:none}}