*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#fff;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-wrapper{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.form-side{background:#fff;justify-content:center;align-items:center;padding:5rem 2rem 2rem;display:flex;position:relative;overflow-y:auto}.back-btn{color:#64748b;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:fixed;top:1.5rem;left:1.5rem}.back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.form-container{width:100%;max-width:26rem;padding-bottom:2rem}.form-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#0891b2;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.form-title{color:#0f172a;margin-bottom:.5rem;font-size:1.875rem;font-weight:700;line-height:1.2}.form-subtitle{color:#64748b;margin-bottom:2rem;font-size:.875rem}.top-banner{z-index:100;color:#047857;text-align:center;background:#ecfdf5;border-bottom:1px solid #a7f3d0;justify-content:center;align-items:center;gap:.625rem;width:100%;padding:1rem 1.5rem;font-size:.9375rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px -4px #00000026}.top-banner--error{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca}.url-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.625rem;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.form-error svg{flex-shrink:0;margin-top:1px}.form-error p{margin:0}.form{flex-direction:column;gap:1.125rem;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field{flex-direction:column;gap:.375rem;display:flex}.field label{color:#374151;font-size:.8125rem;font-weight:500}.field input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.625rem;outline:none;width:100%;padding:.6875rem .875rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21f}.field-error{color:#dc2626;font-size:.75rem}.field-hint{font-size:.75rem}.strength-box{background:#f0fdff;border:1px solid #cffafe;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.625rem .75rem;display:flex}.strength-bar{border-radius:9999px;width:0;height:4px;transition:width .3s,background-color .3s}.strength-label{color:#94a3b8;font-size:.75rem;font-weight:500}.strength-hints{color:#64748b;flex-direction:column;gap:.125rem;font-size:.7rem;display:flex}.form-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.checkbox-label{color:#374151;cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.checkbox-label input[type=checkbox]{accent-color:#0891b2;cursor:pointer;border:1px solid #d1d5db;border-radius:.25rem;width:1rem;height:1rem}.btn-primary{color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.btn-primary:hover{background:#0e7490}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.link{color:#0891b2;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s}.link:hover{color:#0e7490;text-decoration:underline}.footer-link{color:#64748b;text-align:center;margin-top:1.5rem;font-size:.8125rem}.success-card{text-align:center;padding:2rem 0}.success-icon{border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1.25rem;display:flex}.success-icon.green{color:#16a34a;background:#dcfce7}.success-icon.red{color:#dc2626;background:#fee2e2}.success-title{color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.success-text{color:#64748b;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.otp-input{letter-spacing:.3em;text-align:center;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.625rem;outline:none;width:100%;padding:.75rem 1rem;font-family:monospace;font-size:1.25rem;transition:border-color .15s,box-shadow .15s}.otp-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21f}.resend-btn{color:#0891b2;cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s}.resend-btn:hover{color:#0e7490;text-decoration:underline}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.image-side{background:#0c1a2e;height:100dvh;position:sticky;top:0;overflow:hidden}.cover-image{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.image-overlay{background:linear-gradient(135deg,#0891b259 0%,#0c1a2e99 100%);position:absolute;inset:0}@media (width<=768px){.page-wrapper{grid-template-columns:1fr}.image-side{display:none}.form-side{align-items:flex-start;padding:5rem 1.5rem 2rem}.back-btn{position:absolute}}@keyframes spin{to{transform:rotate(360deg)}}