.split-layout{display:flex;height:100vh;background:#fdfdfd;overflow:hidden}.brand-side{flex:1.2;background:linear-gradient(145deg,#004aad,#002d6a);display:flex;flex-direction:column;justify-content:flex-start;padding:30px 45px;gap:30px;color:#fff;position:relative;overflow:hidden;height:100%}.brand-side:before{content:"";position:absolute;top:-15%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.brand-side:after{content:"";position:absolute;bottom:-10%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%}.brand-header{display:flex;align-items:center;gap:12px;z-index:10}.brand-logo{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#004aad;font-weight:800;font-size:1.5rem;box-shadow:0 10px 15px -3px #0003}.brand-name{font-size:1.75rem;font-weight:900;letter-spacing:-.5px;color:#fff}.brand-content{position:relative;z-index:10;max-width:520px;margin:auto 0}.brand-title{font-size:2.75rem;font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px}.brand-subtitle{font-size:1.25rem;color:#ffffffd9;line-height:1.6;font-weight:400}.brand-footer{z-index:10;display:flex;gap:48px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:auto}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.75rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.form-side{flex:1;display:flex;flex-direction:column;padding:24px 40px;background:#fff;box-shadow:-20px 0 50px #00000005;overflow-y:auto}.form-side::-webkit-scrollbar{width:6px}.form-side::-webkit-scrollbar-track{background:#f8fafc}.form-side::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.form-side::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-container{width:100%;max-width:420px;margin:0 auto}.form-container.register{max-width:680px}.section-title{font-size:.75rem;font-weight:800;color:#475569;margin:8px 0 12px;padding-bottom:6px;border-bottom:1.5px solid #f1f5f9;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.section-title i{color:#004aad}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.input-grid{grid-template-columns:1fr}}.password-wrapper{position:relative}.toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.brand-footer.features{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.feature-item{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:600;color:#ffffffe6}.feature-icon{width:32px;height:32px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center}.feature-icon i{width:18px;height:18px;color:#fff}.feature-item div{font-size:.95rem;font-weight:500}.welcome-text{margin-bottom:24px}.welcome-text h2{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-1px}.welcome-text p{color:#64748b;font-size:1rem}.role-toggle{display:flex;background:#f1f5f9;padding:6px;border-radius:14px;margin-bottom:32px;position:relative}.role-toggle button{flex:1;padding:12px;border:none;background:none;font-size:.875rem;font-weight:700;cursor:pointer;transition:.3s;color:#64748b;z-index:2;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}.role-toggle button.active{color:#004aad;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.form-group{margin-bottom:10px}.form-label{display:block;font-size:.65rem;font-weight:700;margin-bottom:4px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.form-control{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s;background:#fff;color:#1e293b}.form-control::placeholder{color:#94a3b8;font-size:.9rem}.form-control:focus{border-color:#004aad;background:#fff;box-shadow:0 0 0 4px #004aad14;outline:none}.submit-btn{width:100%;padding:12px;background:#004aad;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #004aad33;text-transform:uppercase;letter-spacing:.05em;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:hover{background:#003a8c;transform:translateY(-2px);box-shadow:0 20px 25px -5px #004aad66}.submit-btn:active{transform:translateY(0)}.footer-links{margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9;text-align:center;font-size:.8rem}.footer-links span{color:#64748b}.footer-links a{color:#004aad;font-weight:700;text-decoration:none;margin-left:6px}.footer-links a:hover{text-decoration:underline}.stepper{display:flex;justify-content:space-between;margin-bottom:16px;position:relative;padding:0 10px}.stepper:before{content:"";position:absolute;top:14px;left:40px;right:40px;height:2px;background:#f1f5f9;z-index:1}.step-header{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.step-circle{width:28px;height:28px;background:#fff;border:2px solid #f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#94a3b8;transition:all .3s}.step-header.active .step-circle{border-color:#004aad;color:#004aad;box-shadow:0 0 0 5px #004aad1a}.step-header.completed .step-circle{background:#004aad;border-color:#004aad;color:#fff}.step-label{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;transition:.3s}.step-header.active .step-label{color:#004aad}.form-step{display:none;animation:fadeIn .4s ease-out}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-actions{display:flex;gap:12px;margin-top:16px}.prev-btn{flex:.4;padding:10px;background:#fff;color:#64748b;border:1.5px solid #e2e8f0;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.prev-btn:hover{background:#f8fafc;border-color:#cbd5e1}.next-btn{flex:1;padding:10px;background:#004aad;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #004aad33;display:flex;align-items:center;justify-content:center;gap:8px}.next-btn:hover{background:#003a8c;box-shadow:0 10px 15px -3px #004aad4d}.info-box{background:#eff6ff;border:1px solid #bfdbfe;padding:12px 16px;border-radius:10px;display:flex;gap:12px;margin-bottom:20px}.info-box i{color:#1d4ed8;width:18px;flex-shrink:0}.info-content{font-size:.8rem;color:#1e40af;line-height:1.6}@media(max-width:1200px){.brand-side{padding:40px}.brand-title{font-size:2.75rem}}@media(max-width:1024px){.brand-side{display:none}.form-side{width:100%;padding:40px}}