.login-page {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .login-card {
            background: var(--card);
            border: 1px solid var(--bdr);
            border-radius: var(--radius-lg);
            padding: 36px;
            width: 100%;
            max-width: 400px;
        }

        .login-logo {
            text-align: center;
            margin-bottom: 28px;
        }

        .login-logo .icon {
            font-size: 36px;
            margin-bottom: 8px;
        }

        .login-logo .title {
            font-family: var(--font-display);
            font-size: 22px;
            color: var(--accent);
        }

        .login-logo .sub {
            font-size: 12px;
            color: var(--tx-3);
            margin-top: 4px;
        }

        .login-error {
            background: var(--red-bg);
            border: 1px solid var(--red-bdr);
            color: var(--red);
            border-radius: var(--radius-sm);
            padding: 10px 14px;
            font-size: 12px;
            margin-bottom: 16px;
        }