body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;max-width:900px;width:100%;margin:20px}.auth-left{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:500px}.auth-right{padding:3rem;display:flex;flex-direction:column;justify-content:center}.brand-logo{font-size:2.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.brand-logo i{margin-right:.5rem;font-size:3rem}.auth-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.auth-subtitle{color:#718096;margin-bottom:2rem}.form-control{border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;background:#f8fafc}.form-label{font-weight:500;color:#4a5568;margin-bottom:.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:.75rem 2rem;font-weight:600;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-outline-primary{border:2px solid #667eea;color:#667eea;border-radius:12px;padding:.75rem 2rem;font-weight:600;transition:all .3s ease}.btn-outline-primary:hover{background:#667eea;border-color:#667eea;transform:translateY(-2px)}.btn-outline-secondary{border:2px solid #6c757d;color:#6c757d;border-radius:12px;padding:.75rem 2rem;font-weight:600;transition:all .3s ease}.btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;transform:translateY(-2px)}.form-check-input:checked{background-color:#667eea;border-color:#667eea}.text-link{color:#667eea;text-decoration:none;font-weight:500;transition:all .3s ease}.text-link:hover{color:#764ba2;text-decoration:underline}.alert{border-radius:12px;border:none;padding:1rem}.alert-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.alert-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.alert-info{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.alert-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.feature-item{display:flex;align-items:center;margin-bottom:1rem;opacity:.9}.feature-item i{font-size:1.5rem;margin-right:1rem;width:30px}.password-strength-bar{height:4px;border-radius:2px;transition:all .3s ease}.strength-weak{background-color:#f56565}.strength-fair{background-color:#ed8936}.strength-good{background-color:#4299e1}.strength-strong{background-color:#48bb78}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.shape{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.shape:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape:nth-child(2){width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.shape:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;background:#fff}.form-control.is-valid{border-color:#48bb78;background-image:none}.form-control.is-invalid{border-color:#f56565;background-image:none}.password-toggle{border:none;background:none;color:#718096;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#667eea}.help-section{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem}.help-section h6{color:#2d3748;margin-bottom:1rem;font-weight:600}.help-item{display:flex;align-items:flex-start;margin-bottom:1rem}.help-item:last-child{margin-bottom:0}.help-item i{margin-right:.75rem;margin-top:.125rem;width:20px;flex-shrink:0}.security-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:1rem;margin-top:1.5rem}.btn:disabled{opacity:.7;cursor:not-allowed}.btn.loading{position:relative}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.auth-container{margin:10px}.auth-left{padding:2rem;min-height:auto}.auth-right{padding:2rem}.brand-logo{font-size:2rem}.brand-logo i{font-size:2.5rem}.auth-title{font-size:1.75rem}}@media (max-width: 576px){.auth-container{margin:5px;border-radius:15px}.auth-left,.auth-right{padding:1.5rem}.brand-logo{font-size:1.75rem;margin-bottom:.75rem}.brand-logo i{font-size:2rem}.auth-title{font-size:1.5rem}.form-control{padding:.625rem .875rem}.btn-primary,.btn-outline-primary,.btn-outline-secondary{padding:.625rem 1.5rem;font-size:.875rem}}@media (prefers-color-scheme: dark){.auth-container{background:#1a202cf2;color:#e2e8f0}.auth-title{color:#f7fafc}.auth-subtitle{color:#a0aec0}.form-control{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-control:focus{background:#1a202c;border-color:#667eea}.form-label{color:#cbd5e0}.help-section{background:#2d3748}.help-section h6{color:#f7fafc}}