:root{--primary: #2563eb;--primary-dark: #1e40af;--danger: #ef4444;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-container,.register-container{width:100%;max-width:450px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:3rem 2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.logo{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.logo svg{width:32px;height:32px}h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-control{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .2s;background:#fff;color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-control.is-invalid{border-color:var(--danger)}.invalid-feedback{color:var(--danger);font-size:.875rem;margin-top:.5rem;display:block}.remember-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.remember-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.remember-group label{margin:0;font-size:.9rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.btn-primary{width:100%;padding:.875rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-primary:active{transform:translateY(0)}.auth-link{text-align:center;color:var(--text-secondary);font-size:.95rem}.auth-link a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .2s}.auth-link a:hover{color:var(--primary-dark);text-decoration:underline}.password-hint{color:#6c757d;font-size:.875rem;margin-top:.25rem;display:block}@media(max-width:480px){.auth-card{padding:2rem 1.5rem}h1{font-size:1.5rem}}