*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Plus Jakarta Sans', sans-serif; background: linear-gradient(135deg, #0b1f3f 0%, #0f3f2e 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; }
    .login-wrap { width: 100%; max-width: 420px; padding: 24px; }
    .login-header { text-align: center; margin-bottom: 28px; }
    .login-logo { width: 92px; height: 92px; border-radius: 22px; object-fit: cover; background: white; padding: 5px; margin: 0 auto 16px; display: block; box-shadow: 0 18px 42px rgba(0,0,0,.24); }
    .login-title { font-size: 24px; font-weight: 800; color: #f1f5f9; letter-spacing: -.4px; }
    .login-sub { font-size: 13px; color: #cbd5e1; margin-top: 4px; }
    .login-card { background: white; border-radius: 16px; padding: 28px; box-shadow: 0 20px 55px rgba(2,6,23,.28); }
    .login-card h2 { font-size: 15px; font-weight: 700; color: #0f172a; margin-bottom: 20px; }
    .form-group { margin-bottom: 14px; }
    .form-label { display: block; font-size: 12px; font-weight: 600; color: #64748b; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .04em; }
    .form-control { width: 100%; border: 1.5px solid #e2e8f0; border-radius: 8px; padding: 10px 12px; font-size: 14px; font-family: 'Plus Jakarta Sans', sans-serif; color: #0f172a; outline: none; transition: border .15s, box-shadow .15s; }
    .form-control:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.15); }
    .show-pwd { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #64748b; margin-bottom: 6px; cursor: pointer; }
    .show-pwd input { cursor: pointer; }
    .btn-login { width: 100%; background: #166534; color: white; border: none; border-radius: 8px; padding: 12px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: 'Plus Jakarta Sans', sans-serif; transition: background .15s, transform .15s; margin-top: 6px; letter-spacing: .02em; }
    .btn-login:hover { background: #14532d; transform: translateY(-1px); }
    .error-msg { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; border-radius: 8px; padding: 10px 14px; font-size: 13px; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
    .login-footer { text-align: center; margin-top: 20px; font-size: 11px; color: #cbd5e1; }
    .accent-bar { height: 3px; background: linear-gradient(90deg, #1e40af, #16a34a); border-radius: 3px 3px 0 0; }