body {
            background: #0066ff;
            overflow-x: hidden;
            margin: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .logo-container {
            text-align: center;
            margin-bottom: -40px;
            z-index: 2;
            position: relative;
        }
        .logo-container img {
            max-width: 150px;
            width: 40vw;
        }
        .card {
            border-radius: 16px;
            padding: 2rem 1.5rem;
            background: #fff;
            position: relative;
            z-index: 1;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            width: 90%;
            max-width: 400px;
        }
        .btn-primary {
            background: #0066ff;
            border: none;
            font-size: 1rem;
        }
        .btn-primary:hover {
            background: #005ce6;
        }
        .text-muted a {
            color: #555 !important;
        }
        h4 {
            font-size: 1.5rem;
        }
        p.text-muted {
            font-size: 0.9rem;
        }
        .form-control {
            font-size: 1rem;
        }
        @media (max-width: 576px) {
            .logo-container {
                margin-bottom: -30px;
            }
            .logo-container img {
                max-width: 120px;
                width: 35vw;
            }
            .card {
                padding: 1.5rem 1rem;
                width: 95%;
            }
            h4 {
                font-size: 1.25rem;
            }
            p.text-muted {
                font-size: 0.85rem;
            }
            .btn-primary {
                font-size: 0.9rem;
                padding: 0.5rem;
            }
            .form-control {
                font-size: 0.9rem;
                padding: 0.5rem;
            }
        }