:root{--bg-gradient-start:#f8fafc;--bg-gradient-end:#e2e8f0;--card-bg:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb;--input-bg:#fff;--input-border:#d1d5db;--input-focus:#3b82f6;--shadow-color:rgba(0,0,0,.1);--banner-bg:linear-gradient(135deg,#fef3c7,#fde68a);--banner-border:#f59e0b}.theme-dark{--bg-gradient-start:#0f172a;--bg-gradient-end:#1e293b;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-light:#64748b;--border-color:#334155;--input-bg:#1e293b;--input-border:#475569;--input-focus:#60a5fa;--shadow-color:rgba(0,0,0,.3);--banner-bg:linear-gradient(135deg,#1e293b,#1e2a3a);--banner-border:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1.5rem}.login-container{margin:0 auto;max-width:28rem;width:100%}.login-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;transition:.2s cubic-bezier(.4,0,.2,1)}.login-header{border-bottom:1px solid var(--border-color);padding:2rem 2rem 1.5rem;text-align:center}.login-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:.875rem}.login-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-light);height:1.25rem;left:.75rem;pointer-events:none;position:absolute;width:1.25rem}.form-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;padding:1rem .75rem 1rem 2.5rem;transition:.15s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-input::placeholder{color:var(--text-light)}.password-toggle{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:.75rem;transition:.15s cubic-bezier(.4,0,.2,1)}.password-toggle:hover{color:var(--text-secondary)}.password-toggle:focus{outline:none}.eye-icon{height:1.25rem;width:1.25rem}.btn-submit{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem;transition:.2s cubic-bezier(.4,0,.2,1);width:100%}.btn-submit:hover{background:#2563eb;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-submit:focus{box-shadow:0 0 0 3px rgba(59,130,246,.3);outline:none}.btn-icon{height:1rem;width:1rem}.alert{align-items:flex-start;border-radius:.5rem;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem}.alert.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert.alert-error .alert-icon{color:#ef4444}.alert.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert.alert-info .alert-icon{color:#3b82f6}.alert-icon{flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.alert-content{display:flex;flex:1;flex-direction:column;gap:.25rem}.alert-link{color:inherit;font-weight:500;text-decoration:none}.alert-link:hover{text-decoration:underline}.info-banner{background:var(--banner-bg);border-left:3px solid var(--banner-border);border-radius:.5rem;margin:1.5rem 2rem 2rem;padding:1.25rem}.info-banner p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6;margin-bottom:.75rem}.info-banner p:last-child{margin-bottom:0}.info-banner p strong{color:var(--text-primary);font-weight:600}.info-banner p em{color:#3b82f6;font-style:italic;font-weight:500}.info-banner-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.info-banner-header strong{color:var(--banner-border);font-size:.875rem;font-weight:600}.info-icon{color:var(--banner-border);height:1rem;width:1rem}.info-banner-footer{align-items:center;border-top:1px solid rgba(156,163,175,.2);display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.info-banner-footer a{color:#3b82f6;font-size:.8125rem;font-weight:500;text-decoration:none}.info-banner-footer a:hover{text-decoration:underline}.external-icon{color:#3b82f6;height:.875rem;width:.875rem}.login-footer{margin-top:2rem;text-align:center}.theme-toggle{display:inline-block}.theme-toggle-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:.2s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover{background:var(--border-color)}.theme-toggle-btn svg{color:var(--text-primary);height:1.25rem;width:1.25rem}.theme-toggle-btn .sun-icon{display:block}.theme-toggle-btn .moon-icon,.theme-toggle-btn.dark .sun-icon{display:none}.theme-toggle-btn.dark .moon-icon{display:block}@media(max-width:640px){.login-wrapper{padding:1rem}.login-header{padding:1.5rem 1.5rem 1rem}.login-form{padding:1.5rem}.info-banner{margin:1rem 1.5rem 1.5rem;padding:1rem}.login-title{font-size:1.5rem}}