/* ===== Hostinq sadə giriş / qeydiyyat (mobil-birinci) =====
   Tema: açıq (default) və qaranlıq (müştəri panelinin palitrası).
   Qaranlıq iki yolla aktiv olur: html[data-h26-theme="dark"] (əl ilə seçim, localStorage hq-panel-theme)
   və ya sistem rejimi (prefers-color-scheme) əl ilə "light" seçilməyibsə. */
:root{
    --au-scheme: light;
    --au-bg:#eef4f0; --au-card:#ffffff; --au-line:#e3ebe7; --au-line-soft:#eef3f0;
    --au-text:#0b1f17; --au-sub:#5d7168; --au-muted:#8a9a92; --au-faint:#9aa8a1;
    --au-input-bg:#f7faf8; --au-input-line:#dfe7e2; --au-input-focus-bg:#ffffff;
    --au-focus:#16a45f; --au-ring:rgba(22,164,95,.12);
    --au-eye-bg:#e9f5ee; --au-eye-fg:#12864e; --au-eye-hover:#d6f0e1;
    --au-link:#12864e; --au-accent:#16a45f;
    --au-btn-bg:#0d2a20; --au-btn-fg:#ffffff; --au-btn-hover:#163229;
    --au-sec-bg:#ffffff; --au-sec-fg:#0b1f17; --au-sec-line:#dfe7e2;
    --au-err-bg:#fdecec; --au-err-fg:#b3261e;
    --au-ok-bg:#e9f5ee; --au-ok-fg:#16a45f;
    --au-logo-filter:none;
    --au-drop-bg:#ffffff; --au-drop-hover:#eaf7f0;
}
html[data-h26-theme="dark"]{
    --au-scheme: dark;
    --au-bg:#111111; --au-card:#1a1a1a; --au-line:#232d2d; --au-line-soft:#232d2d;
    --au-text:#eef4f0; --au-sub:#c4d0c9; --au-muted:#8a9a91; --au-faint:#6c7c73;
    --au-input-bg:#111111; --au-input-line:#2b3a38; --au-input-focus-bg:#141a17;
    --au-focus:#46fdae; --au-ring:rgba(70,253,174,.14);
    --au-eye-bg:#16271d; --au-eye-fg:#5fdc8a; --au-eye-hover:#1c3a28;
    --au-link:#5fdc8a; --au-accent:#46fdae;
    --au-btn-bg:#46fdae; --au-btn-fg:#0a1616; --au-btn-hover:#3ce9a0;
    --au-sec-bg:#13201a; --au-sec-fg:#dbe6e0; --au-sec-line:#27392f;
    --au-err-bg:#2a1414; --au-err-fg:#ff9c94;
    --au-ok-bg:#16271d; --au-ok-fg:#5fdc8a;
    --au-logo-filter:brightness(0) invert(1);
    --au-drop-bg:#1a1a1a; --au-drop-hover:#142826;
}
@media (prefers-color-scheme: dark){
    html:not([data-h26-theme="light"]){
        --au-scheme: dark;
        --au-bg:#111111; --au-card:#1a1a1a; --au-line:#232d2d; --au-line-soft:#232d2d;
        --au-text:#eef4f0; --au-sub:#c4d0c9; --au-muted:#8a9a91; --au-faint:#6c7c73;
        --au-input-bg:#111111; --au-input-line:#2b3a38; --au-input-focus-bg:#141a17;
        --au-focus:#46fdae; --au-ring:rgba(70,253,174,.14);
        --au-eye-bg:#16271d; --au-eye-fg:#5fdc8a; --au-eye-hover:#1c3a28;
        --au-link:#5fdc8a; --au-accent:#46fdae;
        --au-btn-bg:#46fdae; --au-btn-fg:#0a1616; --au-btn-hover:#3ce9a0;
        --au-sec-bg:#13201a; --au-sec-fg:#dbe6e0; --au-sec-line:#27392f;
        --au-err-bg:#2a1414; --au-err-fg:#ff9c94;
        --au-ok-bg:#16271d; --au-ok-fg:#5fdc8a;
        --au-logo-filter:brightness(0) invert(1);
        --au-drop-bg:#1a1a1a; --au-drop-hover:#142826;
    }
}
html{ color-scheme:var(--au-scheme); }

html, body{ padding:0 !important; margin:0 !important; }
body.h26-auth-body{ background:var(--au-bg) !important; min-height:100vh; color:var(--au-text); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.h26-auth-body .cd-top, .h26-auth-body .introslider-container, .h26-auth-body .coretema-header,
.h26-auth-body .coretema-mobile-header, .h26-auth-body .coretema-topbar, .h26-auth-body .h26-footer,
.h26-auth-body .h26-topbar, .h26-auth-body #mobile-overlay, .h26-auth-body #mobile-drawer{ display:none !important; }
.h26-auth-body #main-content{ padding:0 !important; margin:0 !important; }

.h26-auth-wrap{ max-width:460px; margin:0 auto; padding:14px 14px 40px; }
.h26-auth-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 2px 18px; }
.h26-auth-logo{ display:flex; align-items:center; flex:0 0 auto; line-height:0; }
/* saytın qlobal img:not([width]) {aspect-ratio:16/9} qaydası loqonu büzürdü */
.h26-auth-logo img{ display:block; height:44px !important; width:auto !important; max-width:none !important; aspect-ratio:auto !important; object-fit:contain; filter:var(--au-logo-filter); }
.h26-auth-top-actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.h26-auth-toplink{
    display:inline-flex; align-items:center; gap:6px; height:42px; padding:0 14px;
    background:var(--au-card); border:1px solid var(--au-line); border-radius:12px;
    color:var(--au-text); font-size:14.5px; font-weight:600; text-decoration:none; white-space:nowrap;
}
.h26-auth-toplink:hover{ border-color:var(--au-accent); color:var(--au-text); text-decoration:none; }
.h26-auth-theme{
    display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0;
    background:var(--au-card); border:1px solid var(--au-line); border-radius:12px; color:var(--au-text); cursor:pointer;
}
.h26-auth-theme:hover{ border-color:var(--au-accent); }
.h26-auth-theme svg{ width:20px; height:20px; }
.h26-auth-theme .ic-moon{ display:block; }
.h26-auth-theme .ic-sun{ display:none; }
html.h26-is-dark .h26-auth-theme .ic-moon{ display:none; }
html.h26-is-dark .h26-auth-theme .ic-sun{ display:block; }

.h26-auth-card{ background:var(--au-card); border:1px solid var(--au-line); border-radius:24px; padding:26px 20px 22px; }
.h26-auth-card h1, .h26-auth-card h2.h26-auth-h1{ margin:0 0 6px; font-size:28px; font-weight:700; line-height:1.15; letter-spacing:-.02em; color:var(--au-text); }
.h26-auth-sub{ margin:0 0 18px; font-size:15px; line-height:1.5; color:var(--au-sub); }

.h26-auth-google{ display:flex; justify-content:center; min-height:44px; margin-bottom:6px; background:transparent !important; }
/* iframe elementinin color-scheme-i GIS sənədi ilə (light) eyni olmalıdır, yoxsa Chrome arxasına ağ fon çəkir */
.h26-auth-google iframe{ max-width:100% !important; background:transparent !important; color-scheme:light; }
/* Apple ilə davam et: açıqda qara, qaranlıqda ağ (Apple HIG) */
.h26-auth-apple,
.h26-auth-body button.h26-auth-apple{
    display:flex; align-items:center; justify-content:center; gap:10px;
    width:100%; max-width:330px; height:44px; box-sizing:border-box; margin:8px auto 0; padding:0 16px;
    background:#000; color:#fff; border:1px solid #000; border-radius:6px;
    font-size:15px; font-weight:600; cursor:pointer; letter-spacing:-.01em;
}
.h26-auth-apple svg{ width:18px; height:18px; flex:none; }
.h26-auth-apple:hover{ background:#111; }
.h26-auth-apple[disabled]{ opacity:.7; cursor:progress; }
html[data-h26-theme="dark"] .h26-auth-apple,
html[data-h26-theme="dark"] .h26-auth-body button.h26-auth-apple{ background:#fff; color:#000; border-color:#fff; }
@media (prefers-color-scheme: dark){
    html:not([data-h26-theme="light"]) .h26-auth-apple,
    html:not([data-h26-theme="light"]) .h26-auth-body button.h26-auth-apple{ background:#fff; color:#000; border-color:#fff; }
}
.h26-auth-or{ display:flex; align-items:center; gap:12px; margin:14px 0 16px; color:var(--au-faint); font-size:13px; }
.h26-auth-or::before, .h26-auth-or::after{ content:""; flex:1; height:1px; background:var(--au-line); }

.h26-auth-field{ display:block; margin-bottom:14px; }
.h26-auth-field > span{ display:block; margin:0 0 6px 2px; font-size:14px; font-weight:600; color:var(--au-text); }
.h26-auth-field small{ display:block; margin:6px 2px 0; font-size:12.5px; color:var(--au-faint); }
.h26-auth-input,
.h26-auth-body input.h26-auth-input,
.h26-auth-body .iti input.h26-auth-input{
    display:block; width:100%; height:56px; box-sizing:border-box;
    padding:0 16px; margin:0;
    font-size:16px; line-height:56px; color:var(--au-text);
    background:var(--au-input-bg); border:1.5px solid var(--au-input-line); border-radius:14px;
    outline:none; -webkit-appearance:none; appearance:none; box-shadow:none;
    transition:border-color .15s ease, background .15s ease;
}
.h26-auth-input::placeholder{ color:var(--au-faint); }
.h26-auth-input:focus{ border-color:var(--au-focus); background:var(--au-input-focus-bg); box-shadow:0 0 0 4px var(--au-ring); }
/* intlTelInput v12 (sinif adları: .intl-tel-input, .flag-container, .selected-flag, .country-list, .country) */
.h26-auth-body .intl-tel-input{ width:100%; display:block; }
/* Plugin həndəsəsi: bayraq absolute (padding-left-dən sonra), kod mətni table-cell padding-left ilə.
   Bayraq 16px-dən başlayır (20px enli), kod 44px-dən: üst-üstə düşmür. */
.h26-auth-body .intl-tel-input input.h26-auth-input{ padding-left:134px !important; }
.h26-auth-body .intl-tel-input .flag-container{ padding:0; }
.h26-auth-body .intl-tel-input .selected-flag{ padding:0 14px 0 16px !important; width:auto !important; border-radius:14px 0 0 14px; }
.h26-auth-body .intl-tel-input .selected-flag .iti-flag{ left:16px; }
.h26-auth-body .intl-tel-input .selected-dial-code{ font-size:16px; color:var(--au-text); padding-left:44px !important; padding-right:8px; }
.h26-auth-body .intl-tel-input .iti-arrow{ border-top-color:var(--au-muted); right:4px; }
/* Ölkə siyahısı: masaüstündə kart kimi, mobildə aşağıdan çıxan lövhə (dropdownContainer: body) */
.intl-tel-input.iti-container{ z-index:99999 !important; }
.intl-tel-input .country-list,
.intl-tel-input.iti-container .country-list{
    background:var(--au-drop-bg) !important; color:var(--au-text) !important;
    border:1px solid var(--au-input-line) !important; border-radius:14px !important;
    box-shadow:0 18px 48px rgba(0,0,0,.22) !important; padding:6px 0 !important;
    max-height:320px !important; white-space:normal !important;
}
.intl-tel-input .country-list .country{ padding:12px 16px !important; font-size:15.5px !important; line-height:1.3 !important; }
.intl-tel-input .country-list .country .country-name{ color:var(--au-text) !important; }
.intl-tel-input .country-list .country .dial-code{ color:var(--au-muted) !important; }
.intl-tel-input .country-list .country.highlight, .intl-tel-input .country-list .country:hover{ background:var(--au-drop-hover) !important; }
.intl-tel-input .country-list .divider{ border-bottom:1px solid var(--au-line) !important; padding-bottom:6px !important; margin-bottom:6px !important; }
@media (max-width:680px){
    .intl-tel-input.iti-container{
        position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
        width:100% !important; max-width:100% !important; padding:0 !important; margin:0 !important;
    }
    .intl-tel-input.iti-container::before{ content:""; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:-1; }
    .intl-tel-input.iti-container .country-list{
        position:relative !important; width:100% !important; max-height:62vh !important; margin:0 !important;
        border:0 !important; border-radius:22px 22px 0 0 !important;
        box-shadow:0 -14px 44px rgba(0,0,0,.35) !important;
        padding:14px 0 max(14px, env(safe-area-inset-bottom)) !important;
    }
    .intl-tel-input.iti-container .country-list::before{
        content:""; display:block; width:44px; height:5px; border-radius:3px; margin:0 auto 10px; background:var(--au-line);
    }
    .intl-tel-input.iti-container .country-list .country{ padding:15px 20px !important; font-size:16.5px !important; }
}

.h26-auth-pw{ position:relative; }
.h26-auth-pw .h26-auth-input{ padding-right:84px; }
.h26-auth-eye{
    position:absolute; right:8px; top:50%; transform:translateY(-50%);
    height:40px; padding:0 12px; border:0; border-radius:10px;
    background:var(--au-eye-bg); color:var(--au-eye-fg); font-size:13.5px; font-weight:700; cursor:pointer;
}
.h26-auth-eye:hover{ background:var(--au-eye-hover); }

.h26-auth-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:2px 0 16px; }
.h26-auth-check{ display:inline-flex; align-items:center; gap:10px; font-size:14.5px; color:var(--au-sub); cursor:pointer; }
.h26-auth-check input{ width:22px; height:22px; accent-color:var(--au-accent); margin:0; }
.h26-auth-link{ color:var(--au-link); font-size:14.5px; font-weight:600; text-decoration:none; }
.h26-auth-link:hover{ text-decoration:underline; color:var(--au-link); }

.h26-auth-btn,
.h26-auth-body button.h26-auth-btn{
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; height:56px; box-sizing:border-box; margin:6px 0 0; padding:0 18px;
    background:var(--au-btn-bg); color:var(--au-btn-fg); border:0; border-radius:14px;
    font-size:17px; font-weight:700; cursor:pointer; text-decoration:none;
    transition:background .15s ease, transform .15s ease;
}
.h26-auth-btn:hover{ background:var(--au-btn-hover); color:var(--au-btn-fg); text-decoration:none; }
.h26-auth-btn:active{ transform:scale(.99); }
.h26-auth-btn[disabled]{ opacity:.7; cursor:progress; }
.h26-auth-btn.is-secondary{ background:var(--au-sec-bg); color:var(--au-sec-fg); border:1.5px solid var(--au-sec-line); }
.h26-auth-btn.is-secondary:hover{ border-color:var(--au-accent); background:var(--au-sec-bg); color:var(--au-sec-fg); }

.h26-auth-consent{ margin:14px 2px 0; font-size:12.5px; line-height:1.5; color:var(--au-muted); text-align:center; }
.h26-auth-consent a{ color:var(--au-link); text-decoration:underline; }
.h26-auth-error{ display:none; margin:12px 0 0; padding:12px 14px; border-radius:12px; background:var(--au-err-bg); color:var(--au-err-fg); font-size:14px; line-height:1.4; }
.h26-auth-error.is-on{ display:block; }

.h26-auth-alt{ margin:20px 0 0; padding-top:18px; border-top:1px solid var(--au-line-soft); text-align:center; font-size:15px; color:var(--au-sub); }
.h26-auth-alt a{ color:var(--au-link); font-weight:700; text-decoration:none; }
.h26-auth-help{ margin:16px 0 0; text-align:center; font-size:13.5px; color:var(--au-muted); }
.h26-auth-help a{ color:var(--au-link); font-weight:600; text-decoration:none; }

.h26-auth-success{ text-align:center; padding:24px 6px 10px; }
.h26-auth-success .ic{ width:72px; height:72px; margin:0 auto 14px; border-radius:50%; background:var(--au-ok-bg); color:var(--au-ok-fg); display:flex; align-items:center; justify-content:center; }
.h26-auth-success .ic svg{ width:38px; height:38px; }
.h26-auth-success h2{ margin:0 0 8px; font-size:22px; color:var(--au-text); }
.h26-auth-success p{ margin:0; color:var(--au-sub); font-size:15px; line-height:1.5; }

.h26-auth-captcha{ margin:0 0 14px; }
.h26-auth-captcha img{ border-radius:10px; margin-bottom:8px; }

/* Modal konteynerindəki gizli bloklar (open_modal açanda inline display verir) */
.h26-auth-body #modal-container .hidden{ display:none; }

/* 2FA modal daxili */
.h26-2fa{ text-align:center; padding:10px 6px; }
.h26-2fa h1, .h26-2fa h2.h26-auth-h1{ font-size:22px; margin:0 0 10px; color:var(--au-text); }
.h26-2fa p{ color:var(--au-sub); font-size:14.5px; margin:0 0 8px; }
.h26-2fa input[name="code"]{ display:block; width:100%; height:56px; margin:12px 0; box-sizing:border-box; text-align:center; font-size:22px; letter-spacing:.2em; border:1.5px solid var(--au-input-line); border-radius:14px; background:var(--au-input-bg); color:var(--au-text); }
.h26-2fa .h26-auth-btn{ margin-top:8px; }
.h26-2fa .lbtn{ display:inline-block; margin-top:12px; color:var(--au-link); font-weight:600; }

@media (min-width:600px){
    .h26-auth-wrap{ padding:32px 16px 48px; }
    .h26-auth-card{ padding:34px 32px 28px; }
    .h26-auth-card h1, .h26-auth-card h2.h26-auth-h1{ font-size:32px; }
    .h26-auth-logo img{ height:48px !important; }
}

/* ===== Xidmət şərtləri / məxfilik modalı (iziModal): temaya uyğun, oxunaqlı ===== */
.h26-auth-body .iziModal{ background:var(--au-card) !important; color:var(--au-text) !important; border-radius:20px !important; overflow:hidden; }
.h26-auth-body .iziModal .iziModal-header{ background:var(--au-btn-bg) !important; padding:16px 60px 16px 20px !important; min-height:0 !important; }
.h26-auth-body .iziModal .iziModal-header-title{ color:var(--au-btn-fg) !important; font-size:17px !important; font-weight:700 !important; }
.h26-auth-body .iziModal .iziModal-header-subtitle{ color:var(--au-btn-fg) !important; opacity:.8; }
/* iziModal-ın bağlama düyməsində ikon yox idi (boş dairə), X-i özümüz çəkirik */
.h26-auth-body .iziModal .iziModal-button-close{
    position:absolute; right:14px; top:50%; transform:translateY(-50%); width:36px; height:36px; margin:0;
    border-radius:50%; background:rgba(0,0,0,.14) !important; background-image:none !important; filter:none !important; opacity:1 !important;
}
.h26-auth-body .iziModal .iziModal-button-close::before,
.h26-auth-body .iziModal .iziModal-button-close::after{
    content:""; position:absolute; left:50%; top:50%; width:16px; height:2px; border-radius:2px;
    background:var(--au-btn-fg); transform:translate(-50%,-50%) rotate(45deg);
}
.h26-auth-body .iziModal .iziModal-button-close::after{ transform:translate(-50%,-50%) rotate(-45deg); }
.h26-auth-body .iziModal .iziModal-header-buttons{ top:0; bottom:0; height:auto; }
.h26-auth-body .iziModal .iziModal-wrap{ background:var(--au-card) !important; }
.h26-auth-body .iziModal .iziModal-content{ background:var(--au-card) !important; padding:0 !important; }
.h26-auth-body .iziModal .padding20{ padding:20px 22px 28px !important; font-size:15px; line-height:1.65; color:var(--au-sub); }
.h26-auth-body .iziModal .padding20 h1, .h26-auth-body .iziModal .padding20 h2, .h26-auth-body .iziModal .padding20 h3,
.h26-auth-body .iziModal .padding20 h4, .h26-auth-body .iziModal .padding20 strong, .h26-auth-body .iziModal .padding20 b{ color:var(--au-text); }
.h26-auth-body .iziModal .padding20 h2{ font-size:19px; margin:22px 0 8px; }
.h26-auth-body .iziModal .padding20 h3{ font-size:17px; margin:18px 0 6px; }
.h26-auth-body .iziModal .padding20 p{ margin:0 0 10px; }
.h26-auth-body .iziModal .padding20 hr{ border:0; border-top:1px solid var(--au-line); margin:16px 0; }
.h26-auth-body .iziModal .padding20 a{ color:var(--au-link); }
.h26-auth-body .iziModal .padding20 ul, .h26-auth-body .iziModal .padding20 ol{ padding-left:20px; margin:0 0 10px; }
@media (max-width:680px){
    .h26-auth-body .iziModal{ border-radius:18px 18px 0 0 !important; }
}