.login-page{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#111827,#1f2937);font-family:Inter,sans-serif}.login-card{width:400px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0003;text-align:center;animation:fadeIn .4s ease-in-out}.brand{margin-bottom:20px}.brand-logo{height:60px;margin-bottom:10px}.login-title{font-size:24px;font-weight:700;margin-bottom:6px;color:#111827}.login-subtitle{font-size:14px;color:#6b7280;margin-bottom:25px}.form-group{text-align:left;margin-bottom:18px}.form-group label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;outline:none;font-size:14px;transition:all .2s ease}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.login-btn{width:100%;padding:12px;background:#2563eb;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.login-btn:hover{background:#1d4ed8}.login-btn:disabled{background:#9ca3af;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}