@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-in{animation:.5s ease-out forwards fadeInUp}.animate-slide{animation:.4s ease-out forwards slideInRight}.step-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:inline-flex;position:relative}.step-circle.completed{color:#fff;background:linear-gradient(90.08deg,#0e82fd .09%,#06aed4 70.28%);animation:.6s ease-out pulse}.step-circle.completed:after{content:"✓";font-size:18px;animation:.4s ease-out checkmark;position:absolute}.step-circle.active{color:#fff;background:linear-gradient(90.08deg,#0e82fd .09%,#06aed4 70.28%);box-shadow:0 0 0 4px #0e82fd33}.step-circle.inactive{color:#9ca3af;background:#e5e7eb}.step-line{flex:1;height:2px;margin:0 8px;transition:all .4s}.step-line.completed{background:linear-gradient(90deg,#0e82fd 0%,#06aed4 100%)}.step-line.inactive{background:#e5e7eb}.user-type-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;height:100%;padding:2rem;transition:all .3s}.user-type-card:hover{border-color:#0e82fd;transform:translateY(-4px);box-shadow:0 8px 24px #0e82fd26}.user-type-card .icon{font-size:3.5rem;transition:transform .3s}.user-type-card:hover .icon{transform:scale(1.1)}.form-control{border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:15px;transition:all .3s}.form-control:focus{border-color:#0e82fd;outline:none;box-shadow:0 0 0 4px #0e82fd1a}.form-control.error{border-color:#ef4444;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message{color:#ef4444;margin-top:4px;font-size:13px;animation:.3s fadeInUp}.btn-primary-gradient{color:#fff;background:linear-gradient(90.08deg,#0e82fd .09%,#06aed4 70.28%);border:none;border-radius:8px;padding:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #0e82fd4d}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0e82fd66}.btn-primary-gradient:active{transform:translateY(0)}.btn-secondary{color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#0e82fd;background:#f9fafb;border-color:#0e82fd}.social-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:500;transition:all .3s;display:flex}.social-btn:hover{border-color:#0e82fd;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.password-toggle{cursor:pointer;user-select:none;font-size:20px;transition:transform .2s}.password-toggle:hover{transform:scale(1.1)}.form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}h3{color:#1f2937;margin-bottom:1.5rem;font-weight:700}.step-label{color:#6b7280;margin-top:8px;font-size:12px;font-weight:500}.login-or{text-align:center;margin:1.5rem 0;position:relative}.or-line{background:#e5e7eb;width:100%;height:1px;position:absolute;top:50%;left:0}.span-or{color:#9ca3af;background:#fff;padding:0 15px;font-size:14px;font-weight:500;position:relative}.otp-container{justify-content:center;gap:10px;margin:2rem 0;display:flex}.otp-input{text-align:center;border:2px solid #e5e7eb;border-radius:8px;width:50px;height:60px;font-size:24px;font-weight:600;transition:all .3s}.otp-input:focus{border-color:#0e82fd;outline:none;box-shadow:0 0 0 3px #0e82fd1a}.resend-otp{text-align:center;color:#6b7280;margin-top:1rem}.resend-otp button{color:#0e82fd;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.contact-methods{text-align:center;background:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.contact-method-item{justify-content:center;align-items:center;gap:8px;margin:.5rem 0;display:flex}.row-gap{gap:1rem;display:flex}.row-gap>div{flex:1}.stepper-container{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.stepper-item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stepper-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.step-connector{z-index:1;background:#e5e7eb;width:100%;height:2px;position:absolute;top:20px;left:60%}.step-connector.completed{background:linear-gradient(90deg,#0e82fd 0%,#06aed4 100%)}.step-connector.inactive{background:#e5e7eb}.step-circle{z-index:3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:inline-flex;position:relative}