:root{
    --thx6-blue:#2f67d8;
    --thx6-blue-dark:#173f91;
    --thx6-blue-soft:#edf4ff;
    --thx6-gold:#f5b400;
    --thx6-green:#10b981;
    --thx6-ink:#111827;
    --thx6-text:#526074;
    --thx6-line:#e2e8f1;
    --thx6-page:#f5f8fc;
    --thx6-white:#ffffff;
    --thx6-red:#b42318;
}

.thx6-page,
.thx6-page *{
    box-sizing:border-box;
}

.thx6-page{
    min-height:620px;
    direction:rtl;
    color:var(--thx6-ink);
    background:
        radial-gradient(
            circle at 85% 0,
            rgba(47,103,216,.08),
            transparent 29%
        ),
        var(--thx6-page);
    font-family:Tahoma,Arial,sans-serif;
}

.thx6-page button,
.thx6-page input,
.thx6-page select{
    font:inherit;
}

.thx6-container{
    width:min(
        1180px,
        calc(100% - 64px)
    );
    margin-inline:auto;
}

.thx6-ad-section{
    padding:22px 0 0;
}

.thx6-ad{
    min-height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #ccd7e5;
    border-radius:15px;
    color:#8995a8;
    background:rgba(255,255,255,.86);
}

.thx6-ad > span{
    padding:5px 11px;
    border-radius:6px;
    background:#edf1f6;
    font-size:11px;
}

.thx6-hero{
    padding:39px 0 27px;
    text-align:center;
}

.thx6-status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 13px;
    border:1px solid #d9e5fb;
    border-radius:999px;
    color:var(--thx6-blue-dark);
    background:var(--thx6-blue-soft);
    font-size:12px;
    font-weight:900;
}

.thx6-status > span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--thx6-green);
    box-shadow:
        0 0 0 5px rgba(16,185,129,.10);
}

.thx6-hero h1{
    margin:14px 0 8px;
    color:var(--thx6-blue-dark);
    font-size:clamp(30px,4vw,48px);
    line-height:1.25;
}

.thx6-hero h1 em{
    color:var(--thx6-blue);
    font-style:normal;
}

.thx6-hero p{
    margin:0;
    color:var(--thx6-text);
    font-size:15px;
}

.thx6-search-section{
    padding-bottom:56px;
}

.thx6-card{
    position:relative;
    overflow:hidden;
    padding:29px;
    border:1px solid var(--thx6-line);
    border-radius:23px;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbfdff
        );
    box-shadow:
        0 23px 65px rgba(23,63,145,.11);
}

.thx6-card-line{
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:5px;
    background:
        linear-gradient(
            90deg,
            var(--thx6-gold),
            var(--thx6-blue),
            var(--thx6-blue-dark)
        );
}

.thx6-card-heading{
    display:flex;
    align-items:center;
    gap:13px;
    padding-bottom:22px;
    margin-bottom:23px;
    border-bottom:1px solid var(--thx6-line);
}

.thx6-heading-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    flex:0 0 48px;
    border-radius:15px;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            var(--thx6-blue),
            var(--thx6-blue-dark)
        );
    box-shadow:
        0 10px 22px rgba(47,103,216,.20);
}

.thx6-heading-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
}

.thx6-card-heading h2{
    margin:0;
    color:var(--thx6-blue-dark);
    font-size:22px;
}

.thx6-card-heading span{
    display:block;
    margin-top:5px;
    color:var(--thx6-text);
    font-size:12px;
}

.thx6-settings-row{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr)
        minmax(0,.9fr);
    gap:16px;
    margin-bottom:22px;
}

.thx6-setting{
    min-width:0;
}

.thx6-setting-title{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:8px;
    color:#313b50;
    font-size:13px;
    font-weight:900;
}

.thx6-setting-title small{
    color:#8992a4;
    font-size:10px;
    font-weight:700;
}

.thx6-segment{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    padding:4px;
    border:1px solid #dfe6f0;
    border-radius:12px;
    background:#f2f5f9;
}

.thx6-segment label{
    position:relative;
    cursor:pointer;
}

.thx6-segment input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.thx6-segment span{
    min-height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 10px;
    border-radius:9px;
    color:#667085;
    font-size:13px;
    font-weight:800;
    transition:.2s ease;
}

.thx6-segment input:checked + span{
    color:#fff;
    background:
        linear-gradient(
            135deg,
            var(--thx6-blue),
            var(--thx6-blue-dark)
        );
    box-shadow:
        0 6px 16px rgba(47,103,216,.20);
}

.thx6-select{
    position:relative;
}

.thx6-select select{
    width:100%;
    height:55px;
    padding:0 14px 0 44px;
    appearance:none;
    outline:0;
    border:1px solid #dbe3ee;
    border-radius:12px;
    color:#334155;
    background:#fff;
    cursor:pointer;
    font-size:13px;
    font-weight:700;
}

.thx6-select select:focus{
    border-color:var(--thx6-blue);
    box-shadow:
        0 0 0 4px rgba(47,103,216,.07);
}

.thx6-select svg{
    position:absolute;
    left:14px;
    top:50%;
    width:18px;
    height:18px;
    transform:translateY(-50%);
    fill:none;
    stroke:var(--thx6-blue);
    stroke-width:2;
    pointer-events:none;
}

.thx6-search-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    align-items:end;
    gap:15px;
}

.thx6-query > label{
    display:block;
    margin-bottom:8px;
    color:#313b50;
    font-size:13px;
    font-weight:900;
}

.thx6-query-input{
    position:relative;
}

.thx6-query-input > svg{
    position:absolute;
    right:17px;
    top:50%;
    width:21px;
    height:21px;
    transform:translateY(-50%);
    fill:none;
    stroke:var(--thx6-blue);
    stroke-width:2;
    stroke-linecap:round;
}

.thx6-query-input input{
    width:100%;
    height:60px;
    padding:0 50px 0 15px;
    outline:0;
    border:2px solid #dce4ee;
    border-radius:13px;
    color:var(--thx6-ink);
    background:#fff;
    font-size:16px;
    transition:.2s ease;
}

.thx6-query-input input:focus{
    border-color:var(--thx6-blue);
    box-shadow:
        0 0 0 4px rgba(47,103,216,.07);
}

.thx6-submit{
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:0;
    border-radius:13px;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            var(--thx6-blue),
            var(--thx6-blue-dark)
        );
    box-shadow:
        0 12px 25px rgba(47,103,216,.24);
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    transition:.2s ease;
}

.thx6-submit:hover{
    transform:translateY(-1px);
    box-shadow:
        0 16px 31px rgba(47,103,216,.28);
}

.thx6-submit:disabled{
    cursor:wait;
    opacity:.7;
    transform:none;
}

.thx6-submit svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
}

.thx6-message{
    margin-top:18px;
    padding:14px 16px;
    border-radius:11px;
    font-size:13px;
    font-weight:800;
    line-height:1.7;
}

.thx6-message.info{
    color:#28529d;
    background:#edf4ff;
}

.thx6-message.error{
    color:var(--thx6-red);
    background:#fff0ef;
}

.thx6-message.success{
    color:#08794f;
    background:#eafaf4;
}

@media(max-width:850px){
    .thx6-container{
        width:calc(100% - 30px);
    }

    .thx6-settings-row{
        grid-template-columns:repeat(2,1fr);
    }

    .thx6-setting:last-child{
        grid-column:1 / -1;
    }
}

@media(max-width:620px){
    .thx6-container{
        width:calc(100% - 18px);
    }

    .thx6-ad-section{
        padding-top:11px;
    }

    .thx6-ad{
        min-height:90px;
        border-radius:11px;
    }

    .thx6-hero{
        padding:29px 0 20px;
    }

    .thx6-hero h1{
        font-size:28px;
    }

    .thx6-hero h1 em{
        display:block;
    }

    .thx6-card{
        padding:19px 15px;
        border-radius:17px;
    }

    .thx6-card-heading{
        align-items:flex-start;
    }

    .thx6-card-heading h2{
        font-size:19px;
    }

    .thx6-settings-row{
        grid-template-columns:1fr;
        gap:18px;
    }

    .thx6-setting:last-child{
        grid-column:auto;
    }

    .thx6-search-row{
        grid-template-columns:1fr;
        gap:12px;
    }

    .thx6-query-input input,
    .thx6-submit{
        height:57px;
    }

    .thx6-search-section{
        padding-bottom:35px;
    }
}