*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#333}.login-container{background:#fff;padding:1rem 2rem;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);width:100%;max-width:400px}.logo{padding-top:1rem;text-align:center;margin-bottom:1rem}.logo h1{color:#667eea;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.logo p{color:#666;font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;font-weight:500;color:#333;padding-left:2px}.form-control{width:100%;padding:.65rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-control:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.field-error{border-color:#dc3545!important}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:0;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .3s ease}.btn-primary:hover{opacity:.9}.btn-primary:active{opacity:.8}.links{text-align:center;margin-top:1.5rem;margin-bottom:1rem}.links a{color:#667eea;text-decoration:none;font-weight:500}.links a:hover{text-decoration:underline}.demo-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-top:1rem;text-align:center;font-size:.875rem;color:#495057}.demo-info strong{color:#343a40}.checkbox{display:flex;align-items:center;margin-bottom:1rem}.checkbox input[type="checkbox"]{margin-right:.5rem}.validation-summary-errors{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f5c6cb}.validation-summary-errors ul{margin:0;padding-left:1.5rem}.social-login{margin-top:1.5rem;margin-bottom:1.5rem}.divider{display:flex;align-items:center;text-align:center;color:#6c757d;font-size:.875rem}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid #e9ecef}.divider span{padding:0 .75rem;margin-top:-.3rem}.social-buttons{display:flex;gap:.75rem;margin-top:1rem}.social-buttons form{flex:1}.btn-social{width:100%;padding:.625rem .75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;background:#fff;color:#333}.btn-social i{font-size:1.1rem}.btn-social:hover{background:#f8f9fa;border-color:#dee2e6}.btn-google:hover{border-color:#db4437;color:#db4437}.btn-facebook:hover{border-color:#4267b2;color:#4267b2}[data-bs-theme="dark"] .divider{color:#adb5bd}[data-bs-theme="dark"] .divider::before,[data-bs-theme="dark"] .divider::after{border-bottom-color:#495057}[data-bs-theme="dark"] .btn-social{background:#2d3238;border-color:#495057;color:#f8f9fa}[data-bs-theme="dark"] .btn-social:hover{background:#3d4248;border-color:#6c757d}[data-bs-theme="dark"] .btn-google:hover{border-color:#db4437;color:#db4437}[data-bs-theme="dark"] .btn-facebook:hover{border-color:#4267b2;color:#4267b2}@media(max-width:480px){.login-container{margin:1rem;padding:1.5rem}.logo h1{font-size:1.5rem}.social-buttons{flex-direction:column}}