:root{--primary-blue:#0077b5;--secondary-blue:#005885;--accent-cyan:#00d4ff;--accent-purple:#8b5cf6;--text-dark:#1f2937;--text-light:#6b7280;--bg-white:#fff;--bg-gray:#f9fafb;--bg-dark:#111827;--border-light:#e5e7eb;--success-green:#10b981;--error-red:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;width:100%}.login-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;width:100%;max-width:450px;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}.login-header p{color:var(--text-light);font-size:1.1rem;line-height:1.5}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:600;color:var(--text-dark);font-size:.9rem}.form-group input{padding:1rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;background:#fff;color:var(--text-dark);transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(0,119,181,.1)}.login-button{background:var(--primary-blue);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.login-button:hover:not(:disabled){background:var(--secondary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;padding:1rem 1.5rem;border-radius:12px;font-weight:600;text-align:center;margin-top:1rem}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.login-footer p{color:var(--text-light);margin:.5rem 0}.register-link{color:var(--primary-blue);text-decoration:none;font-weight:600}.register-link:hover{text-decoration:underline}@media (max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem}.login-header h1{font-size:2rem}.login-header p{font-size:1rem}}