html,
        body {
            margin: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            font-family: Arial, sans-serif;

            background: #fffdf2;
        }

        /* Animated background */
        #bgCanvas {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            display: block;

            background:
                radial-gradient(circle at center,
                    #fffef7 0%,
                    #fff9dc 45%,
                    #fff2b8 100%);
        }

        .header {
            /* position: absolute; */
            /* top: 1rem; */
            color: #5b4d00 !important;
            background: rgba(255,255,255,0.55);
            backdrop-filter: blur(10px);
            padding: 1rem 2rem;
            border-radius: 24px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 0.5rem;
        }

        .header img {
            width: 200px;
        }

        .header span {
            font-size: 3.5rem;
            font-weight: 700;
        }

        .content-layer {
            position: relative;
            z-index: 10;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            /* gap: 4rem; */
        }

        .glass-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 4rem;
            flex-grow: 1;
        }

        .glass-panel {
            position: relative;
            width: 420px;
            padding: 40px;
            border-radius: 24px;
            background: rgba(255,255,255,0.55);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.7);
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
        }

        .glass-panel h2 {
            color: #5b4d00;
            font-weight: 700;
        }

        .form-control {
            background: rgba(255,255,255,0.8);
            border: 1px solid rgba(120,100,0,0.15);
            color: #4d4200;
            padding: 12px 14px;
        }

        .form-control:focus {
            background: white;
            color: #4d4200;
            border-color: #e7c84a;
            box-shadow: 0 0 0 0.25rem rgba(231,200,74,0.25);
        }

        .form-control::placeholder {
            color: rgba(77,66,0,0.6) !important;
        }

        .btn-primary {
            background: linear-gradient(45deg, #4d7cff, #65c7ff);
            border: none;
            opacity: 0.8;
        }

        .btn-primary:hover {
            opacity: 1;
        }

        .btn-secondary {
            background: linear-gradient(45deg, #b84dff, #c98dfa);
            border: none;
            opacity: 0.8;
        }

        .btn-secondary:hover {
            opacity: 1;
        }

        .logo img {
            width: 160px;
        }

        .cursor-radio {
            cursor: url('/assets/img/t60-cursor1.png'), auto !important;
        }

.terms-box {

    width: min(700px, 92%);

    padding: 18px 22px;

    border-radius: 18px;

    background: rgba(255,255,255,0.42);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255,255,255,0.6);

    box-shadow:
        0 8px 24px rgba(0,0,0,0.06);

    color: #5d5200;

    font-size: 0.92rem;

    line-height: 1.5;
}

.terms-box h6 {

    font-weight: 700;

    margin-bottom: 10px;

    color: #4f4300;
}

@media (max-width: 768px) {

    .header {
        margin-bottom: 0.5rem;
    }

    .header img {
        width: 100px;
    }

    
    .header span {
        font-size: 2rem;
        font-weight: 500;
    }

    .glass-container {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        justify-content: flex-start;
        padding-bottom: 2rem;
    }

    .glass-panel {
        width: 400px;
        padding: 20px;
    }

    .terms-box {

        font-size: 0.82rem;

        padding: 14px 16px;
    }
}