:root {
        --blue: #5a719d;
        --ice: #f3f7fb;
        --light-blue: #e7f1fa;
    }

    html { overflow-y: scroll; }
    body { background: var(--ice); }
    .container { border-color: rgba(13, 23, 75, .12); }
    .access-note { background: var(--light-blue); border-color: #b7cce0; color: #0d174b; }
    input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(90, 113, 157, .16); }
    #identityForm .modal-actions button[type="submit"],
    #identityModal .modal-actions #submitIdentity {
        background: #0d174b !important;
        box-shadow: 0 8px 22px rgba(13, 23, 75, .28) !important;
    }
    #identityForm .modal-actions button[type="submit"]:hover,
    #identityModal .modal-actions #submitIdentity:hover {
        background: #16235f !important;
    }
    #identityModal .identity-modal {
        width: min(520px, calc(100vw - 32px)) !important;
        padding: 30px !important;
        border: 0 !important;
        border-radius: 22px !important;
        background: #fff !important;
        box-shadow: 0 24px 70px rgba(13, 23, 75, .24) !important;
    }
    #identityModal .identity-modal h2 {
        margin: 0 0 8px !important;
        color: #0d174b !important;
        font: 700 28px/1.2 'Poppins', sans-serif !important;
    }
    #identityModal .identity-modal > p {
        margin: 0 0 22px !important;
        color: #5d6878 !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    #identityModal .identity-field { margin-bottom: 16px !important; }
    #identityModal .identity-field label {
        display: block !important;
        margin: 0 0 7px !important;
        color: #0d174b !important;
        font: 600 15px/1.35 'Poppins', sans-serif !important;
    }
    #identityModal .identity-field input {
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 16px !important;
        border: 1px solid #d6deea !important;
        border-radius: 12px !important;
        background: #fff !important;
        color: #1c2430 !important;
        font: 400 15px/1.4 'Inter', sans-serif !important;
    }
    #identityModal .modal-actions {
        display: flex !important;
        gap: 12px !important;
        margin-top: 24px !important;
    }
    #identityModal .modal-actions > button {
        flex: 1 !important;
        min-height: 54px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        font: 600 15px/1 'Poppins', sans-serif !important;
    }
    #identityModal #closeIdentityForm,
    #identityModal #closeModal {
        background: #f3f6fa !important;
        color: #0d174b !important;
        box-shadow: none !important;
    }
    @media (max-width: 560px) {
        #identityModal .identity-modal { width: min(100vw - 24px, 520px) !important; padding: 24px !important; }
        #identityModal .modal-actions { flex-direction: column-reverse !important; }
    }

    body > header:not(.calculator-site-header) { display: none; }

    @media (max-width: 980px) {
        .calculator-site-header .nav-links.open { display: flex; }
    }