body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }

    .login-wrap { width: 100%; max-width: 380px; padding: 20px; }

    .login-card {
      background: var(--surface); border-radius: 20px;
      box-shadow: 0 4px 32px rgba(120,160,220,0.18);
      padding: 36px 32px 32px; border: 1px solid var(--border);
    }

    .login-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }
    .login-logo-icon {
      width: 44px; height: 44px; background: var(--primary); border-radius: 12px;
      display: flex; align-items: center; justify-content: center; font-size: 22px;
    }
    .login-logo-text { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
    .login-subtitle  { font-size: 13px; color: var(--muted); margin-bottom: 24px; }

    #login-error {
      display: none; background: var(--danger-bg); color: var(--danger-text);
      padding: 10px 14px; border-radius: 9px; font-size: 13px; margin-bottom: 14px;
    }

    .login-card .btn { padding: 13px; font-size: 15px; border-radius: 12px; }