body {
            background: var(--svi-primary-gradient);
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: var(--svi-spacing-md);
        }
        .card { 
            width: 100%; 
            max-width: 400px; 
            border-radius: var(--svi-radius-lg); 
            border: none; 
            box-shadow: var(--svi-shadow-xl);
            background: var(--svi-white);
        }
        .btn-primary {
            background: var(--svi-primary-gradient);
            border: none;
        }
        .btn-primary:hover {
            background: linear-gradient(135deg, var(--svi-primary-dark) 0%, #003366 100%);
        }