@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



        html, body {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f8f9fa;
            font-family: "Kanit", sans-serif;
            font-weight: 300;
            font-style: normal;
        }
        .container {
            width: 100%;
            max-width: 900px;
            padding: 20px;
            background: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
        .card-header img {
            max-width: 100%;
            height: auto;
        }

.btn-primary {
    background-color: #000066;
    border-color: #000066;
}

.btn-primary:hover {
    background-color: #000022;
    border-color: #000022;
}

.input-custom {
    border-color: #000066;
    border-width: 2px; 
}

.input-custom:focus {
    border-color: #000044;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 102, 0.25);
}