body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background: radial-gradient(circle at center, #1a1d21 0%, #0a0c0e 100%);
            margin: 0;
        }
        .login-card {
            width: 100%;
            max-width: 400px;
            background: var(--card-bg);
            padding: 3rem;
            border-radius: 20px;
            border: 1px solid var(--border-color);
            box-shadow: 0 25px 50px rgba(0,0,0,0.5);
            text-align: center;
        }
        .login-logo {
            font-size: 1.8rem;
            font-weight: 800;
            color: var(--text-main);
            margin-bottom: 2rem;
            text-transform: uppercase;
            letter-spacing: 3px;
        }
        .login-logo span { color: var(--accent-color); }
        .login-logo-image {
            display: block;
            width: 190px;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            object-fit: contain;
            transform: translateY(-20px) scale(1.32, 1.50);
            transform-origin: center top;
        }
        .error-msg {
            background: rgba(230, 57, 70, 0.1);
            color: var(--accent-color);
            padding: 10px;
            border-radius: 8px;
            margin-bottom: 1.5rem;
            font-size: 0.9rem;
            border: 1px solid var(--accent-color);
        }
        .login-form .form-group { margin-bottom: 1.5rem; text-align: left; }
        .login-btn { width: 100%; margin-top: 1rem; }