.ga{
    color-scheme:light;

    
    --container:1340px;
    --gut:clamp(14px,3.2vw,34px);
    --header-h:62px;
    --sec-gap:40px;
    --r-xs:8px;
    --r-sm:11px;
    --r-md:14px;
    --r-lg:18px;
    --r-xl:22px;
    --t:.18s cubic-bezier(.4,0,.2,1);

    
    --bg:#f8fafc;
    --panel:#ffffff;
    --panel2:#fbfcfe;
    --bg-tint-1:rgb(42 202 149 / .10);
    --bg-tint-2:rgb(58 122 214 / .10);

    
    --text:#0e1420;
    --muted:#5d6879;
    --faint:#8892a2;

    
    --line:rgb(14 20 32 / .085);
    --line-strong:rgb(14 20 32 / .17);
    --surface-1:rgb(14 20 32 / .032);
    --surface-2:rgb(14 20 32 / .055);
    --surface-3:rgb(14 20 32 / .08);
    --sheen-1:rgb(255 255 255 / .9);
    --sheen-2:rgb(255 255 255 / 0);

    
    --accent-rgb:26 168 121;
    --accent-2-rgb:42 202 149;
    --gold:#179d70;
    --gold2:#2ab889;
    --accent-fg:#148a63;
    --on-accent:#ffffff;

    
    --danger-rgb:196 42 60;
    --red:#c42a3c;
    --danger-fg:#b52637;
    --success-rgb:26 138 84;
    --success:#1a8a54;
    --success-fg:#146b43;
    --on-success:#ffffff;

    
    --map-fill:#e8ebf1;
    --map-stroke:#aeb8c6;
    --map-hover:#77f2c9;

    
    --header-tint:rgb(255 255 255 / .78);
    --tooltip-bg:rgb(14 20 32 / .94);
    --tooltip-fg:#f7f9fc;
    --shadow-color:rgb(20 30 50 / .10);
    --shadow-color2:rgb(20 30 50 / .16);
    --shadow-sm:0 1px 2px rgb(16 24 40 / .05),0 1px 3px rgb(16 24 40 / .06);
    --shadow-md:0 4px 10px rgb(16 24 40 / .06),0 12px 24px rgb(16 24 40 / .07);
    --shadow-lg:0 10px 20px rgb(16 24 40 / .07),0 26px 50px rgb(16 24 40 / .11);
    --ring:0 0 0 3px rgb(var(--accent-rgb) / .16);
}
.ga{
    transition:background-color .25s;
}
.ga *,.ga *::before,.ga *::after{
    box-sizing:border-box;
}
.ga :focus-visible{
    outline:2px solid rgb(var(--accent-rgb) / .55);
    outline-offset:2px;
}
.ga ::selection{
    background:rgb(var(--accent-rgb) / .24);
    color:var(--text);
}
.ga .map-card,.ga .info,.ga .listbox,.ga .feature-card,.ga .quick,.ga .test-type-card,.ga .spotlight-card,.ga .quiz-intro,.ga .quiz-card,.ga .about-story,.ga .value-card,.ga .timeline-step,.ga .contact-info-card,.ga .contact-form-card,.ga .faq-item,.ga .stats-bar .stat-box,.ga .info-block-inner{
    box-shadow:var(--shadow-sm);
}
.ga .feature-card,.ga .quick,.ga .test-type-card,.ga .value-card,.ga .timeline-step,.ga .contact-info-card,.ga .faq-item,.ga .stats-bar .stat-box{
    transition:transform var(--t),box-shadow var(--t),border-color var(--t),background-color var(--t);
}
.ga .feature-card:hover,.ga .quick:hover,.ga .test-type-card:hover,.ga .value-card:hover,.ga .timeline-step:hover,.ga .contact-info-card:hover,.ga .faq-item:hover,.ga .stats-bar .stat-box:hover{
    box-shadow:var(--shadow-md);
    border-color:rgb(var(--accent-rgb) / .34);
}
.ga .spotlight-card,.ga .info-block-inner,.ga .contact-form-card,.ga .about-story,.ga .quiz-intro,.ga .quiz-card{
    box-shadow:var(--shadow-md);
}
.ga .switcher-panel,.ga .search-results{
    box-shadow:var(--shadow-lg);
}
.ga .spotlight-cta,.ga .test-type-cta,.ga .quiz-start-btn,.ga .form-submit-btn{
    background:linear-gradient(180deg,rgb(var(--accent-2-rgb)),rgb(var(--accent-rgb)));
    color:var(--on-accent);
    box-shadow:0 1px 2px rgb(var(--accent-rgb) / .34),0 6px 16px rgb(var(--accent-rgb) / .2);
    transition:transform var(--t),box-shadow var(--t),filter var(--t);
}
.ga .spotlight-cta:hover,.ga .test-type-cta:hover,.ga .quiz-start-btn:hover,.ga .form-submit-btn:hover{
    filter:brightness(1.05);
    transform:translateY(-1px);
    box-shadow:0 2px 4px rgb(var(--accent-rgb) / .36),0 10px 24px rgb(var(--accent-rgb) / .26);
}
.ga .spotlight-cta:active,.ga .test-type-cta:active,.ga .quiz-start-btn:active,.ga .form-submit-btn:active{
    transform:translateY(0);
    filter:brightness(.98);
}
.ga .stats-bar .stat-box strong,.ga .stat strong,.ga .quiz-result-score,.ga .test-type-meta strong{
    font-variant-numeric:tabular-nums;
}
.ga .disabled{
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.ga .theme-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface-1);
    color:var(--text);
    font-size:15px;
    cursor:pointer;
    transition:.2s;
    flex-shrink:0;
}
.ga .mobile-menu-toggle{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.ga .mobile-menu-btn{
    display:none;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface-1);
    color:var(--text);
    font-size:16px;
    cursor:pointer;
    transition:.2s;
    flex-shrink:0;
}
.ga .mobile-menu-btn:hover{
    border-color:var(--gold);
    color:var(--gold);
}
.ga .theme-toggle:hover{
    border-color:var(--gold);
    color:var(--gold);
}
.ga *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.ga{
    scroll-behavior:smooth;
}
.ga{
    font-family:Inter,Arial,sans-serif;
    background:
        radial-gradient(900px 420px at 12% -6%,var(--bg-tint-1),transparent 62%),
        radial-gradient(760px 400px at 96% 4%,var(--bg-tint-2),transparent 60%),
        var(--bg);
    background-attachment:fixed;
    color:var(--text);
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.ga header{
    height:var(--header-h);
    padding:0 var(--gut);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(18px) saturate(1.6);
    -webkit-backdrop-filter:blur(18px) saturate(1.6);
    position:sticky;
    top:0;
    z-index:100;
    background:var(--header-tint);
    box-shadow:0 1px 0 rgb(255 255 255 / .35),var(--shadow-sm);
}
.ga .logo{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}
.ga .logo-icon{
    width:34px;
    height:34px;
    border:1px solid rgb(var(--accent-rgb) / .38);
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--accent-fg);
    font-size:16px;
    background:rgb(var(--accent-rgb) / .08);
    box-shadow:inset 0 1px 0 rgb(255 255 255 / .4);
}
.ga .logo-text strong{
    display:block;
    font-family:Inter,serif;
    font-size:17px;
    letter-spacing:.2px;
    line-height:1.15;
}
.ga .logo-text span{
    font-size:9px;
    color:var(--faint);
    letter-spacing:1.7px;
    text-transform:uppercase;
}
.ga .nav-links{
    display:flex;
    align-items:center;
    gap:2px;
}
.ga .nav-links a{
    color:var(--muted);
    text-decoration:none;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:.1px;
    transition:color var(--t),background-color var(--t);
    padding:7px 12px;
    border-radius:999px;
    white-space:nowrap;
}
.ga .nav-links a:hover{
    color:var(--text);
    background:var(--surface-2);
}
.ga .nav-links a.current{
    color:var(--accent-fg);
    background:rgb(var(--accent-rgb) / .12);
    font-weight:600;
}
.ga .header-right{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}
.ga .status{
    font-size:12px;
    color:var(--success-fg);
}
.ga .status::before{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--success);
    margin-right:7px;
    box-shadow:0 0 10px var(--success);
}
.ga .breadcrumb-bar{
    border-bottom:1px solid var(--line);
    background:var(--surface-1);
}
.ga .breadcrumb{
    max-width:var(--container);
    margin:auto;
    padding:9px var(--gut);
    display:flex;
    align-items:center;
    gap:9px;
    font-size:12.5px;
    color:var(--muted);
    flex-wrap:wrap;
}
.ga .breadcrumb a{
    color:var(--muted);
    text-decoration:none;
    transition:.2s;
}
.ga .breadcrumb a:hover{
    color:var(--accent-fg);
}
.ga .breadcrumb .sep{
    color:var(--line-strong);
}
.ga .breadcrumb .current{
    color:var(--accent-fg);
}
@media(max-width:900px){.ga .nav-links{
        display:none;
    }
.ga .mobile-menu-toggle:checked ~ .nav-links{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:2px;
        width:100%;
        order:5;
        padding:8px 0 0;
        margin-top:8px;
        border-top:1px solid var(--line);
    }
.ga .mobile-menu-toggle:checked ~ .nav-links a{
        padding:10px 12px;
        font-size:13.5px;
        border-radius:10px;
    }}
.ga .hero{
    max-width:var(--container);
    margin:auto;
    padding:40px var(--gut) 14px;
}
.ga .eyebrow{
    color:var(--gold);
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:5px;
}
.ga .hero h1{
    font-family:Inter,serif;
    font-size:clamp(29px,4.3vw,52px);
    line-height:.98;
    max-width:850px;
    font-weight:600;
}
.ga .hero h1 span{
    color:var(--accent-fg);
}
.ga .hero p{
    color:var(--muted);
    max-width:650px;
    margin-top:25px;
    font-size:16px;
    line-height:1.8;
}
.ga .hero p{
    font-size:14.5px;
    line-height:1.7;
    margin-top:14px;
}
.ga .hero-cta{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:20px;
    flex-wrap:wrap;
}
.ga .btn-primary,.ga .btn-ghost{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:40px;
    padding:0 20px;
    border-radius:11px;
    font-size:13.5px;
    font-weight:600;
    text-decoration:none;
    transition:transform var(--t),box-shadow var(--t),filter var(--t),background-color var(--t),border-color var(--t);
}
.ga .btn-primary{
    background:linear-gradient(180deg,rgb(var(--accent-2-rgb)),rgb(var(--accent-rgb)));
    color:var(--on-accent);
    box-shadow:0 1px 2px rgb(var(--accent-rgb) / .34),0 6px 16px rgb(var(--accent-rgb) / .2);
}
.ga .btn-primary:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
    box-shadow:0 2px 4px rgb(var(--accent-rgb) / .36),0 10px 24px rgb(var(--accent-rgb) / .26);
}
.ga .btn-ghost{
    border:1px solid var(--line-strong);
    background:var(--panel);
    color:var(--text);
    box-shadow:var(--shadow-sm);
}
.ga .btn-ghost:hover{
    border-color:rgb(var(--accent-rgb) / .4);
    color:var(--accent-fg);
    transform:translateY(-1px);
}
.ga .hero-stats{
    display:flex;
    gap:0;
    margin-top:26px;
    border:1px solid var(--line);
    background:var(--panel);
    border-radius:var(--r-md);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
    width:fit-content;
    max-width:100%;
}
.ga .hero-stats > div{
    padding:12px 22px;
    border-right:1px solid var(--line);
}
.ga .hero-stats > div:last-child{
    border-right:none;
}
.ga .hero-stats strong{
    display:block;
    font-family:Inter,serif;
    font-size:21px;
    color:var(--accent-fg);
    line-height:1.1;
    font-variant-numeric:tabular-nums;
}
.ga .hero-stats span{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:11px;
    letter-spacing:.3px;
}
.ga .feature-link{
    text-decoration:none;
    color:inherit;
    display:block;
}
@media(max-width:650px){.ga .hero-stats{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
.ga .hero-stats > div{
        border-right:none;
        border-bottom:1px solid var(--line);
        padding:10px 16px;
    }
.ga .hero-stats > div:nth-child(odd){
        border-right:1px solid var(--line);
    }
.ga .hero-stats > div:nth-child(n+3){
        border-bottom:none;
    }
.ga .hero-cta{
        margin-top:16px;
    }
.ga .btn-primary,.ga .btn-ghost{
        flex:1;
        height:38px;
    }}
.ga .main{
    max-width:var(--container);
    margin:auto;
    padding:16px var(--gut) 48px;
}
.ga .dashboard{
    display:grid;
    grid-template-columns:1fr 336px;
    gap:20px;
}
.ga .map-card{
    background:
        linear-gradient(145deg,var(--sheen-1),var(--sheen-2)),
        var(--panel);
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    min-height:540px;
    overflow:hidden;
    position:relative;
}
.ga .map-top{
    height:var(--header-h);
    padding:0 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--line);
    gap:16px;
}
.ga .map-title{
    font-family:Inter,serif;
    font-size:19px;
}
.ga .map-sub{
    color:var(--muted);
    font-size:12px;
    margin-top:3px;
}
.ga .search-wrap{
    position:relative;
    width:250px;
}
.ga .search{
    width:100%;
    height:36px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface-1);
    color:var(--text);
    padding:0 13px;
    outline:none;
    transition:.25s;
    font-family:inherit;
    font-size:13px;
}
.ga .search:focus{
    border-color:rgb(var(--accent-rgb) / .6);
    box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .06);
}
.ga .search-results{
    position:absolute;
    top:50px;
    left:0;
    right:0;
    background:var(--panel2);
    border:1px solid var(--line);
    border-radius:13px;
    max-height:260px;
    overflow-y:auto;
    z-index:50;
    display:none;
    box-shadow:0 20px 40px var(--shadow-color);
}
.ga .search-results.show{
    display:block;
}
.ga .search-result-item{
    padding:11px 15px;
    font-size:13px;
    cursor:pointer;
    border-bottom:1px solid var(--line);
    transition:.15s;
}
.ga .search-result-item:last-child{
    border-bottom:none;
}
.ga .search-result-item:hover{
    background:rgb(var(--accent-rgb) / .08);
    color:var(--accent-fg);
}
.ga .map-area{
    min-height:460px;
    display:grid;
    place-items:center;
    padding:20px;
    position:relative;
}
.ga .map-area::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    background:radial-gradient(circle,rgb(var(--accent-rgb) / .09),transparent 65%);
    pointer-events:none;
}
.ga .map{
    width:min(95%,980px);
    height:auto;
    position:relative;
    z-index:2;
    filter:drop-shadow(0 10px 24px var(--shadow-color));
}
.ga .map path{
    fill:var(--map-fill);
    stroke:var(--map-stroke);
    stroke-width:.6;
    stroke-linejoin:round;
    cursor:pointer;
    transition:
        fill .2s,
        filter .2s;
    transform-box:fill-box;
    transform-origin:center;
}
.ga .map path:hover{
    fill:var(--map-hover);
    filter:
        drop-shadow(0 0 6px rgb(var(--accent-rgb) / .45));
}
.ga .map path.active{
    fill:var(--red);
    stroke:var(--red);
    filter:
        drop-shadow(0 0 10px rgb(var(--danger-rgb) / .55));
}
.ga .map path.matched{
    fill:var(--map-hover);
}
.ga .map-tooltip{
    position:absolute;
    pointer-events:none;
    background:var(--tooltip-bg);
    border:1px solid rgb(var(--accent-rgb) / .35);
    border-radius:9px;
    padding:5px 10px;
    font-size:12px;
    color:#9bf0d4;
    white-space:nowrap;
    transform:translate(-50%,-130%);
    opacity:0;
    transition:opacity .15s;
    z-index:60;
}
.ga .map-tooltip.show{
    opacity:1;
}
.ga .info{
    background:
        linear-gradient(160deg,var(--sheen-1),var(--sheen-2)),
        var(--panel);
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    padding:22px;
    position:relative;
    overflow:hidden;
}
.ga .info::after{
    content:"AZ";
    position:absolute;
    right:-35px;
    bottom:-45px;
    font-family:Inter,serif;
    font-size:130px;
    color:rgb(var(--accent-rgb) / .035);
    pointer-events:none;
}
.ga .info-label{
    color:var(--gold);
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.ga .info h2{
    font-family:Inter,serif;
    font-size:26px;
    margin-top:10px;
    line-height:1.1;
}
.ga .info-description{
    color:var(--muted);
    line-height:1.7;
    font-size:14px;
    margin:16px 0 28px;
}
.ga .stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.ga .stat{
    padding:17px;
    background:var(--surface-1);
    border:1px solid var(--line);
    border-radius:15px;
}
.ga .stat small{
    display:block;
    color:var(--muted);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:7px;
}
.ga .stat strong{
    font-size:15px;
}
.ga .divider{
    height:1px;
    background:var(--line);
    margin:27px 0;
}
.ga .feature-title{
    font-size:12px;
    color:var(--muted);
    margin-bottom:12px;
}
.ga .tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.ga .tag{
    padding:8px 11px;
    border-radius:20px;
    border:1px solid rgb(var(--accent-rgb) / .18);
    color:var(--accent-fg);
    background:rgb(var(--accent-rgb) / .05);
    font-size:11px;
}
.ga .bottom{
    max-width:var(--container);
    margin:20px auto 0;
    padding:0 var(--gut);
}
.ga .cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}
.ga .quick{
    border:1px solid var(--line);
    background:var(--panel);
    border-radius:20px;
    padding:17px;
    transition:.3s;
}
.ga .quick:hover{
    transform:translateY(-4px);
    border-color:rgb(var(--accent-rgb) / .3);
}
.ga .quick-icon{
    font-size:25px;
    margin-bottom:14px;
}
.ga .quick strong{
    font-family:Inter,serif;
    font-size:17px;
}
.ga .quick p{
    color:var(--muted);
    font-size:12px;
    line-height:1.6;
    margin-top:7px;
}
@media(max-width:1050px){.ga .dashboard{
        grid-template-columns:1fr;
    }
.ga .info{
        min-height:auto;
    }
.ga .cards{
        grid-template-columns:1fr 1fr;
    }}
@media(max-width:650px){.ga header{
        height:54px;
        padding:0 var(--gut);
        flex-wrap:wrap;
        position:sticky;
        gap:8px;
    }
.ga header:has(.mobile-menu-toggle:checked){
        height:auto;
        align-items:center;
        padding-bottom:10px;
        background:var(--panel);
        box-shadow:var(--shadow-lg);
    }
.ga .logo-text span{
        display:none;
    }
.ga .logo-icon{
        width:30px;
        height:30px;
        font-size:14px;
    }
.ga .logo-text strong{
        font-size:15.5px;
    }
.ga .mobile-menu-btn{
        display:flex;
    }
.ga .header-right{
        display:none;
        width:100%;
        order:6;
        gap:8px;
    }
.ga .mobile-menu-toggle:checked ~ .header-right{
        display:flex;
        align-items:center;
        margin-top:6px;
    }
.ga .header-right .theme-toggle{
        margin-left:auto;
    }
.ga,.ga{
        overflow-x:hidden;
    }
.ga .hero{
        padding:26px var(--gut) 10px;
    }
.ga .hero h1{
        font-size:31px;
        line-height:1.08;
    }
.ga .hero p{
        font-size:13.5px;
        line-height:1.6;
        margin-top:12px;
    }
.ga .main,.ga .bottom{
        padding-left:var(--gut);
        padding-right:var(--gut);
    }
.ga .map-card{
        min-height:auto;
    }
.ga .map-card{
        border-radius:20px;
        min-height:500px;
    }
.ga .map-top{
        height:auto;
        padding:20px;
        display:block;
    }
.ga .search-wrap{
        width:100%;
        margin-top:15px;
    }
.ga .map-area{
        min-height:400px;
        padding:15px;
    }
.ga .info{
        border-radius:20px;
        padding:18px;
    }
.ga .cards{
        grid-template-columns:1fr;
    }}
.ga .switcher{
    position:relative;
}
.ga .switcher-btn{
    display:flex;
    align-items:center;
    gap:9px;
    height:34px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface-1);
    color:var(--text);
    font-family:inherit;
    font-size:13px;
    cursor:pointer;
    transition:.2s;
}
.ga .switcher-btn:hover{
    border-color:rgb(var(--accent-rgb) / .4);
}
.ga .switcher-btn .chev{
    color:var(--muted);
    font-size:10px;
    transition:.2s;
}
.ga .switcher.open .switcher-btn .chev{
    transform:rotate(180deg);
}
.ga .switcher-panel{
    position:absolute;
    top:52px;
    right:0;
    width:300px;
    background:var(--panel2);
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:0 25px 50px var(--shadow-color2);
    z-index:200;
    display:none;
    overflow:hidden;
}
.ga .switcher.open .switcher-panel{
    display:block;
}
.ga .switcher-search{
    padding:12px;
    border-bottom:1px solid var(--line);
}
.ga .switcher-search input{
    width:100%;
    height:32px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface-1);
    color:var(--text);
    padding:0 12px;
    font-family:inherit;
    font-size:13px;
    outline:none;
}
.ga .switcher-search input:focus{
    border-color:rgb(var(--accent-rgb) / .5);
}
.ga .switcher-list{
    max-height:290px;
    overflow-y:auto;
    padding:6px;
}
.ga .switcher-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 10px;
    border-radius:10px;
    cursor:pointer;
    transition:.15s;
    text-decoration:none;
    color:var(--text);
}
.ga .switcher-item:hover{
    background:rgb(var(--accent-rgb) / .08);
}
.ga .switcher-item.current{
    background:rgb(var(--accent-rgb) / .12);
}
.ga .switcher-item.is-disabled{
    opacity:.4;
    cursor:default;
    pointer-events:none;
}
.ga .switcher-item .flag{
    font-size:18px;
}
.ga .switcher-item .meta{
    flex:1;
    display:flex;
    flex-direction:column;
}
.ga .switcher-item .meta strong{
    font-size:13px;
    font-weight:600;
}
.ga .switcher-item .meta small{
    color:var(--muted);
    font-size:10.5px;
}
.ga .switcher-item .badge{
    font-size:9px;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:3px 7px;
    border-radius:20px;
    background:var(--surface-2);
    color:var(--muted);
}
.ga .switcher-item.current .badge{
    background:rgb(var(--accent-rgb) / .18);
    color:var(--accent-fg);
}
.ga .switcher-empty{
    padding:20px;
    text-align:center;
    color:var(--muted);
    font-size:12.5px;
}
.ga .listbox-section{
    max-width:var(--container);
    margin:var(--sec-gap) auto 0;
    padding:0 var(--gut) 52px;
}
.ga .listbox-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    margin-bottom:22px;
    flex-wrap:wrap;
    gap:14px;
}
.ga .listbox-head h3{
    font-family:Inter,serif;
    font-size:20px;
    font-weight:600;
}
.ga .listbox-head p{
    color:var(--muted);
    font-size:13px;
    margin-top:6px;
}
.ga .listbox-search-wrap{
    position:relative;
    width:280px;
}
.ga .listbox-search-wrap input{
    width:100%;
    height:36px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface-1);
    color:var(--text);
    padding:0 15px;
    font-family:inherit;
    font-size:13px;
    outline:none;
    transition:.2s;
}
.ga .listbox-search-wrap input:focus{
    border-color:rgb(var(--accent-rgb) / .6);
    box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .06);
}
.ga .listbox{
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--panel);
    overflow:hidden;
}
.ga .listbox-row{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 22px;
    border-bottom:1px solid var(--line);
    text-decoration:none;
    color:var(--text);
    transition:.2s;
}
.ga .listbox-row:last-child{
    border-bottom:none;
}
.ga .listbox-row:not(.is-disabled):hover{
    background:rgb(var(--accent-rgb) / .06);
}
.ga .listbox-row.current{
    background:linear-gradient(90deg,rgb(var(--accent-rgb) / .1),transparent);
}
.ga .listbox-row.is-disabled{
    opacity:.4;
    cursor:default;
}
.ga .listbox-row .flag{
    font-size:24px;
    width:30px;
    text-align:center;
}
.ga .listbox-row .meta{
    flex:1;
}
.ga .listbox-row .meta strong{
    display:block;
    font-size:14.5px;
    font-weight:600;
}
.ga .listbox-row .meta small{
    color:var(--muted);
    font-size:11.5px;
}
.ga .listbox-row .badge{
    font-size:10px;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:5px 10px;
    border-radius:20px;
    background:var(--surface-2);
    color:var(--muted);
    white-space:nowrap;
}
.ga .listbox-row.current .badge{
    background:rgb(var(--accent-rgb) / .18);
    color:var(--accent-fg);
}
.ga .listbox-row .arrow{
    color:var(--gold);
    font-size:15px;
}
.ga .listbox-row.is-disabled .arrow{
    display:none;
}
.ga .listbox-empty{
    padding:40px;
    text-align:center;
    color:var(--muted);
    font-size:13px;
}
@media(max-width:650px){.ga .listbox-search-wrap{
        width:100%;
    }
.ga .listbox-head{
        flex-direction:column;
        align-items:flex-start;
    }
.ga .switcher{
        width:100%;
    }
.ga .switcher-btn{
        width:100%;
        justify-content:space-between;
    }
.ga .switcher-panel{
        position:static;
        width:100%;
        margin-top:10px;
        box-shadow:none;
    }
.ga .search,.ga .switcher-search input,.ga .listbox-search-wrap input,.ga .form-group input,.ga .form-group select,.ga .form-group textarea{
        font-size:16px;
    }}
.ga .stats-bar{
    max-width:var(--container);
    margin:0 auto;
    padding:0 var(--gut) 10px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}
.ga .stats-bar .stat-box{
    border:1px solid var(--line);
    background:
        linear-gradient(145deg,var(--sheen-1),var(--sheen-2)),
        var(--panel);
    border-radius:20px;
    padding:18px 16px;
}
.ga .stats-bar .stat-box strong{
    display:block;
    font-family:Inter,serif;
    font-size:25px;
    color:var(--accent-fg);
    line-height:1;
}
.ga .stats-bar .stat-box span{
    display:block;
    margin-top:9px;
    color:var(--muted);
    font-size:12.5px;
}
.ga .live-stats{
    max-width:var(--container);
    margin:var(--sec-gap) auto 0;
    padding:0 var(--gut) 38px;
}
.ga .live-stats .live-stats-bar{
    padding:0;
    grid-template-columns:repeat(2,1fr);
    max-width:520px;
}
.ga .live-stats-note{
    margin-top:14px;
    color:var(--muted);
    font-size:12px;
}
@media (max-width:640px){.ga .live-stats .live-stats-bar{
        grid-template-columns:1fr;
        max-width:100%;
    }}
.ga .features{
    max-width:var(--container);
    margin:var(--sec-gap) auto 0;
    padding:0 var(--gut);
}
.ga .section-head{
    max-width:620px;
    margin-bottom:22px;
}
.ga .section-head .eyebrow{
    margin-bottom:12px;
}
.ga .section-head h2{
    font-family:Inter,serif;
    font-size:25px;
    font-weight:600;
    line-height:1.15;
}
.ga .section-head p{
    color:var(--muted);
    font-size:14.5px;
    margin-top:14px;
    line-height:1.7;
}
.ga .feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.ga .feature-card{
    border:1px solid var(--line);
    background:var(--panel);
    border-radius:22px;
    padding:20px;
    transition:.3s;
}
.ga .feature-card:hover{
    transform:translateY(-4px);
    border-color:rgb(var(--accent-rgb) / .3);
}
.ga .feature-card .f-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    background:rgb(var(--accent-rgb) / .1);
    display:grid;
    place-items:center;
    font-size:22px;
    margin-bottom:18px;
}
.ga .feature-card strong{
    display:block;
    font-family:Inter,serif;
    font-size:19px;
    margin-bottom:9px;
}
.ga .feature-card p{
    color:var(--muted);
    font-size:13px;
    line-height:1.7;
}
.ga .spotlight{
    max-width:var(--container);
    margin:var(--sec-gap) auto 0;
    padding:0 var(--gut);
}
.ga .spotlight-card{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:
        linear-gradient(120deg,rgb(var(--accent-rgb) / .1),transparent 55%),
        var(--panel);
    padding:26px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:30px;
    position:relative;
    overflow:hidden;
    text-decoration:none;
    color:var(--text);
}
.ga .spotlight-card::after{
    content:"";
    position:absolute;
    right:-60px;
    top:-60px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(circle,rgb(var(--accent-rgb) / .12),transparent 70%);
    pointer-events:none;
}
.ga .spotlight-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--gold);
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:16px;
}
.ga .spotlight-card h3{
    font-family:Inter,serif;
    font-size:27px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:14px;
}
.ga .spotlight-card p{
    color:var(--muted);
    font-size:14px;
    margin-top:14px;
    max-width:520px;
    line-height:1.7;
}
.ga .spotlight-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 26px;
    border-radius:14px;
    background:var(--gold2);
    color:var(--on-accent);
    font-weight:600;
    font-size:13.5px;
    white-space:nowrap;
}
@media(max-width:1050px){.ga .stats-bar{
        grid-template-columns:1fr 1fr;
    }
.ga .feature-grid{
        grid-template-columns:1fr;
    }
.ga .spotlight-card{
        grid-template-columns:1fr;
        text-align:left;
    }}
.ga footer{
    border-top:1px solid var(--line);
    margin-top:42px;
}
.ga .footer-inner{
    max-width:var(--container);
    margin:auto;
    padding:22px var(--gut);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}
.ga .footer-brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--muted);
    font-size:12.5px;
}
.ga .footer-brand strong{
    color:var(--text);
    font-family:Inter,serif;
    font-size:16px;
}
.ga .footer-links{
    display:flex;
    gap:26px;
}
.ga .footer-links a{
    color:var(--muted);
    text-decoration:none;
    font-size:12.5px;
    transition:.2s;
}
.ga .footer-links a:hover{
    color:var(--accent-fg);
}
@media(max-width:650px){.ga .footer-inner{
        flex-direction:column;
        align-items:flex-start;
    }}
.ga .page-hero{
    max-width:var(--container);
    margin:auto;
    padding:30px var(--gut) 4px;
}
.ga .page-hero h1{
    font-family:Inter,serif;
    font-size:clamp(25px,3.2vw,38px);
    line-height:1.05;
    max-width:820px;
    font-weight:600;
}
.ga .page-hero h1 span{
    color:var(--accent-fg);
}
.ga .page-hero p{
    color:var(--muted);
    max-width:620px;
    margin-top:20px;
    font-size:15px;
    line-height:1.8;
}
.ga .test-type-grid{
    max-width:var(--container);
    margin:22px auto 0;
    padding:0 var(--gut);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.ga .test-type-card{
    background:
        linear-gradient(150deg,var(--sheen-1),var(--sheen-2)),
        var(--panel);
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    padding:22px;
    display:flex;
    flex-direction:column;
    gap:16px;
    position:relative;
    overflow:hidden;
    transition:.3s;
}
.ga .test-type-card:hover{
    transform:translateY(-4px);
    border-color:rgb(var(--accent-rgb) / .35);
}
.ga .test-type-card::after{
    content:attr(data-code);
    position:absolute;
    right:-10px;
    bottom:-30px;
    font-family:Inter,serif;
    font-size:88px;
    color:rgb(var(--accent-rgb) / .045);
    pointer-events:none;
    font-weight:700;
}
.ga .test-type-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.ga .test-type-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    background:rgb(var(--accent-rgb) / .1);
    display:grid;
    place-items:center;
    font-size:20px;
}
.ga .test-type-level{
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:6px 12px;
    border-radius:20px;
    background:var(--surface-2);
    color:var(--muted);
    white-space:nowrap;
}
.ga .test-type-level.hard{
    background:rgb(var(--danger-rgb) / .15);
    color:var(--danger-fg);
}
.ga .test-type-level.mid{
    background:rgb(var(--accent-rgb) / .15);
    color:var(--accent-fg);
}
.ga .test-type-card h3{
    font-family:Inter,serif;
    font-size:19px;
    font-weight:600;
}
.ga .test-type-card .code{
    color:var(--gold);
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.ga .test-type-card p{
    color:var(--muted);
    font-size:13.5px;
    line-height:1.75;
    flex:1;
}
.ga .test-type-meta{
    display:flex;
    gap:18px;
    font-size:11.5px;
    color:var(--muted);
    padding-top:14px;
    border-top:1px solid var(--line);
}
.ga .test-type-meta strong{
    color:var(--text);
    display:block;
    font-size:15px;
    font-family:Inter,serif;
}
.ga .test-type-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    height:40px;
    border-radius:10px;
    background:var(--gold2);
    color:var(--on-accent);
    font-weight:600;
    font-size:13.5px;
    text-decoration:none;
    transition:.2s;
}
.ga .test-type-cta:hover{
    filter:brightness(1.08);
}
.ga .info-block{
    max-width:var(--container);
    margin:var(--sec-gap) auto 0;
    padding:0 var(--gut);
}
.ga .info-block-inner{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:var(--panel);
    padding:24px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}
.ga .info-block-item strong{
    display:block;
    font-family:Inter,serif;
    font-size:17px;
    margin-bottom:8px;
    color:var(--accent-fg);
}
.ga .info-block-item p{
    color:var(--muted);
    font-size:13px;
    line-height:1.7;
}
@media(max-width:1050px){.ga .test-type-grid{
        grid-template-columns:1fr;
    }
.ga .info-block-inner{
        grid-template-columns:1fr;
    }}
.ga .quiz-wrap{
    max-width:900px;
    margin:22px auto 0;
    padding:0 var(--gut) 52px;
}
.ga .quiz-intro{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:
        linear-gradient(140deg,rgb(var(--accent-rgb) / .08),transparent 60%),
        var(--panel);
    padding:24px;
    margin-bottom:24px;
}
.ga .quiz-intro-top{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
}
.ga .quiz-intro-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    background:rgb(var(--accent-rgb) / .12);
    display:grid;
    place-items:center;
    font-size:22px;
    flex-shrink:0;
}
.ga .quiz-intro h2{
    font-family:Inter,serif;
    font-size:21px;
}
.ga .quiz-intro .code{
    color:var(--gold);
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.ga .quiz-intro p{
    color:var(--muted);
    font-size:14px;
    line-height:1.8;
    margin-bottom:20px;
}
.ga .quiz-intro-facts{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-bottom:24px;
}
.ga .quiz-intro-facts .stat{
    padding:14px;
}
.ga .quiz-intro-facts .stat strong{
    font-size:16px;
}
.ga .quiz-start-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:42px;
    padding:0 24px;
    border-radius:11px;
    background:var(--gold2);
    color:var(--on-accent);
    font-weight:600;
    font-size:14px;
    border:none;
    cursor:pointer;
    font-family:inherit;
    transition:.2s;
}
.ga .quiz-start-btn:hover{
    filter:brightness(1.08);
}
.ga .quiz-usage-stat{
    margin:14px 0 0;
    font-size:12.5px;
    color:var(--muted);
    display:flex;
    align-items:center;
    gap:6px;
}
.ga .quiz-usage-stat strong{
    color:var(--text);
    font-weight:600;
}
.ga .quiz-card{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:var(--panel);
    padding:24px;
    display:none;
}
.ga .quiz-card.active{
    display:block;
}
.ga .quiz-top-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
    gap:14px;
}
.ga .quiz-progress-label{
    font-size:12px;
    color:var(--muted);
}
.ga .quiz-timer{
    font-size:12px;
    color:var(--accent-fg);
    display:none;
    align-items:center;
    gap:6px;
}
.ga .quiz-timer.warn{
    color:var(--danger-fg);
}
.ga .quiz-progress-track{
    height:6px;
    border-radius:10px;
    background:var(--surface-2);
    overflow:hidden;
    margin-bottom:28px;
}
.ga .quiz-progress-fill{
    height:100%;
    background:linear-gradient(90deg,var(--gold),var(--gold2));
    border-radius:10px;
    transition:width .3s;
}
.ga .quiz-question{
    font-family:Inter,serif;
    font-size:21px;
    line-height:1.4;
    margin-bottom:26px;
}
.ga .quiz-options{
    display:flex;
    flex-direction:column;
    gap:11px;
    margin-bottom:28px;
}
.ga .quiz-option{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--surface-1);
    cursor:pointer;
    transition:.15s;
    font-size:14px;
    color:var(--text);
}
.ga .quiz-option:hover{
    border-color:rgb(var(--accent-rgb) / .4);
    background:rgb(var(--accent-rgb) / .05);
}
.ga .quiz-option .letter{
    width:28px;
    height:28px;
    border-radius:50%;
    background:var(--surface-2);
    display:grid;
    place-items:center;
    font-size:12px;
    color:var(--muted);
    flex-shrink:0;
}
.ga .quiz-option.correct{
    border-color:rgb(var(--success-rgb) / .5);
    background:rgb(var(--success-rgb) / .08);
}
.ga .quiz-option.correct .letter{
    background:var(--success);
    color:var(--on-success);
}
.ga .quiz-option.wrong{
    border-color:rgb(var(--danger-rgb) / .5);
    background:rgb(var(--danger-rgb) / .08);
}
.ga .quiz-option.wrong .letter{
    background:var(--red);
    color:#fff;
}
.ga .quiz-option.is-disabled{
    pointer-events:none;
}
.ga .quiz-next-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    height:40px;
    padding:0 22px;
    border-radius:10px;
    background:var(--surface-2);
    border:1px solid var(--line);
    color:var(--text);
    font-weight:600;
    font-size:13.5px;
    cursor:pointer;
    font-family:inherit;
    transition:.2s;
    opacity:.4;
    pointer-events:none;
}
.ga .quiz-next-btn.ready{
    opacity:1;
    pointer-events:all;
    background:var(--gold2);
    color:var(--on-accent);
    border-color:transparent;
}
.ga .quiz-next-btn.ready:hover{
    filter:brightness(1.08);
}
.ga .quiz-result{
    display:none;
    text-align:center;
    padding:20px 10px;
}
.ga .quiz-result.active{
    display:block;
}
.ga .quiz-result-score{
    font-family:Inter,serif;
    font-size:46px;
    color:var(--accent-fg);
    line-height:1;
}
.ga .quiz-result-score span{
    font-size:22px;
    color:var(--muted);
}
.ga .quiz-result-verdict{
    margin:16px 0 6px;
    font-size:18px;
    font-weight:600;
}
.ga .quiz-result-verdict.pass{
    color:var(--success-fg);
}
.ga .quiz-result-verdict.fail{
    color:var(--danger-fg);
}
.ga .quiz-result p.desc{
    color:var(--muted);
    font-size:13.5px;
    max-width:440px;
    margin:0 auto 28px;
    line-height:1.7;
}
.ga .quiz-result-actions{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}
.ga .quiz-btn-secondary{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:38px;
    padding:0 18px;
    border-radius:10px;
    border:1px solid var(--line);
    background:transparent;
    color:var(--text);
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    font-family:inherit;
    transition:.2s;
}
.ga .quiz-btn-secondary:hover{
    border-color:rgb(var(--accent-rgb) / .4);
    color:var(--accent-fg);
}
@media(max-width:650px){.ga .quiz-intro,.ga .quiz-card{
        padding:18px;
        border-radius:20px;
    }
.ga .quiz-intro-facts{
        grid-template-columns:1fr;
    }
.ga .quiz-question{
        font-size:18px;
    }
.ga .quiz-result-score{
        font-size:50px;
    }}
.ga .about-grid{
    max-width:var(--container);
    margin:26px auto 0;
    padding:0 var(--gut);
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:24px;
    align-items:start;
}
.ga .about-story{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:var(--panel);
    padding:24px;
}
.ga .about-story h2{
    font-family:Inter,serif;
    font-size:21px;
    margin-bottom:16px;
}
.ga .about-story p{
    color:var(--muted);
    font-size:14px;
    line-height:1.85;
    margin-bottom:16px;
}
.ga .about-story p:last-child{
    margin-bottom:0;
}
.ga .about-values{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.ga .value-card{
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--panel);
    padding:16px 18px;
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.ga .value-card .v-icon{
    width:36px;
    height:36px;
    border-radius:11px;
    background:rgb(var(--accent-rgb) / .1);
    display:grid;
    place-items:center;
    font-size:19px;
    flex-shrink:0;
}
.ga .value-card strong{
    display:block;
    font-family:Inter,serif;
    font-size:16px;
    margin-bottom:5px;
}
.ga .value-card p{
    color:var(--muted);
    font-size:12.5px;
    line-height:1.65;
}
.ga .about-timeline{
    max-width:var(--container);
    margin:60px auto 0;
    padding:0 var(--gut);
}
.ga .timeline-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.ga .timeline-step{
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--panel);
    padding:18px;
    position:relative;
}
.ga .timeline-step .t-num{
    font-family:Inter,serif;
    font-size:28px;
    color:var(--gold);
    margin-bottom:10px;
}
.ga .timeline-step strong{
    display:block;
    font-size:14.5px;
    margin-bottom:8px;
}
.ga .timeline-step p{
    color:var(--muted);
    font-size:12px;
    line-height:1.65;
}
@media(max-width:1050px){.ga .about-grid{
        grid-template-columns:1fr;
    }
.ga .timeline-row{
        grid-template-columns:1fr 1fr;
    }}
@media(max-width:650px){.ga .timeline-row{
        grid-template-columns:1fr;
    }}
.ga .contact-grid{
    max-width:var(--container);
    margin:26px auto 0;
    padding:0 var(--gut) 52px;
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:24px;
    align-items:start;
}
.ga .contact-info{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.ga .contact-info-card{
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--panel);
    padding:18px;
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.ga .contact-info-card .c-icon{
    width:38px;
    height:38px;
    border-radius:11px;
    background:rgb(var(--accent-rgb) / .1);
    display:grid;
    place-items:center;
    font-size:19px;
    flex-shrink:0;
}
.ga .contact-info-card strong{
    display:block;
    font-size:14px;
    margin-bottom:5px;
}
.ga .contact-info-card p,.ga .contact-info-card a{
    color:var(--muted);
    font-size:12.5px;
    line-height:1.6;
    text-decoration:none;
}
.ga .contact-info-card a:hover{
    color:var(--accent-fg);
}
.ga .contact-form-card{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:var(--panel);
    padding:24px;
}
.ga .contact-form-card h2{
    font-family:Inter,serif;
    font-size:20px;
    margin-bottom:10px;
}
.ga .contact-form-card > p{
    color:var(--muted);
    font-size:13.5px;
    margin-bottom:26px;
    line-height:1.7;
}
.ga .form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:14px;
}
.ga .form-group{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:14px;
}
.ga .form-group label{
    font-size:12px;
    color:var(--muted);
    letter-spacing:.3px;
}
.ga .form-group input,.ga .form-group select,.ga .form-group textarea{
    width:100%;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-1);
    color:var(--text);
    padding:13px 15px;
    font-family:inherit;
    font-size:13.5px;
    outline:none;
    transition:.2s;
    resize:vertical;
}
.ga .form-group input:focus,.ga .form-group select:focus,.ga .form-group textarea:focus{
    border-color:rgb(var(--accent-rgb) / .6);
    box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .06);
}
.ga .form-submit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:42px;
    padding:0 24px;
    border-radius:11px;
    background:var(--gold2);
    color:var(--on-accent);
    font-weight:600;
    font-size:14px;
    border:none;
    cursor:pointer;
    font-family:inherit;
    transition:.2s;
    width:100%;
}
.ga .form-submit-btn:hover{
    filter:brightness(1.08);
}
.ga .form-note{
    color:var(--muted);
    font-size:11.5px;
    margin-top:14px;
    line-height:1.6;
    text-align:center;
}
.ga .form-success{
    display:none;
    text-align:center;
    padding:22px 10px;
}
.ga .form-success.show{
    display:block;
}
.ga .form-success .s-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:rgb(var(--success-rgb) / .12);
    color:var(--success-fg);
    display:grid;
    place-items:center;
    font-size:26px;
    margin:0 auto 18px;
}
.ga .form-success strong{
    display:block;
    font-family:Inter,serif;
    font-size:20px;
    margin-bottom:8px;
}
.ga .form-success p{
    color:var(--muted);
    font-size:13px;
    max-width:340px;
    margin:0 auto;
    line-height:1.7;
}
.ga .faq-section{
    max-width:var(--container);
    margin:0 auto 90px;
    padding:0 var(--gut);
}
.ga .faq-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:900px;
}
.ga .faq-item{
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--panel);
    overflow:hidden;
}
.ga .faq-q{
    padding:19px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    gap:14px;
}
.ga .faq-q .chev{
    color:var(--gold);
    transition:.2s;
    flex-shrink:0;
}
.ga .faq-item.open .faq-q .chev{
    transform:rotate(180deg);
}
.ga .faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height .25s ease;
}
.ga .faq-item.open .faq-a{
    max-height:220px;
}
.ga .faq-a p{
    padding:0 22px 20px;
    color:var(--muted);
    font-size:13px;
    line-height:1.75;
}
@media(max-width:1050px){.ga .contact-grid{
        grid-template-columns:1fr;
    }
.ga .form-row{
        grid-template-columns:1fr;
    }}
.ga .youtube-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 13px;
    background:linear-gradient(180deg,#ff2b2b,#e00000);
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    font-size:12.5px;
    font-weight:600;
    box-shadow:0 1px 2px rgb(224 0 0 / .3),0 4px 10px rgb(224 0 0 / .18);
    transition:transform var(--t),box-shadow var(--t),filter var(--t);
}
.ga .youtube-btn:hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
    box-shadow:0 2px 4px rgb(224 0 0 / .34),0 8px 18px rgb(224 0 0 / .24);
}
.ga .quiz-user-form{
    display:none;
    flex-direction:column;
    gap:14px;
    max-width:440px;
    margin-top:22px;
}
.ga .quiz-user-form .form-group{
    margin-bottom:0;
}
.ga .quiz-user-form .quiz-start-btn{
    width:100%;
    justify-content:center;
    margin-top:4px;
}
.ga .quiz-form-error{
    display:none;
    color:var(--red);
    font-size:12.5px;
    line-height:1.6;
    margin-top:-4px;
}
.ga .quiz-leaderboard-wrap{
    margin-top:26px;
    padding-top:22px;
    border-top:1px solid var(--line);
}
.ga .leaderboard-title{
    font-family:Inter,serif;
    font-size:16px;
    margin-bottom:14px;
}
.ga .quiz-leaderboard{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.ga .leaderboard-row{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 15px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-1);
    font-size:13px;
}
.ga .leaderboard-row .lb-rank{
    width:26px;
    flex-shrink:0;
    text-align:center;
    font-weight:600;
    color:var(--accent-fg);
}
.ga .leaderboard-row .lb-name{
    flex:1;
    font-weight:500;
}
.ga .leaderboard-row .lb-score{
    color:var(--muted);
    font-weight:600;
    font-size:12.5px;
}
.ga .leaderboard-empty,.ga .leaderboard-loading{
    color:var(--muted);
    font-size:13px;
    padding:6px 0;
}
@media(max-width:650px){.ga .quiz-user-form{
        max-width:100%;
    }}
.ga .quiz-question-img{
    display:block;
    max-width:100%;
    height:auto;
    margin:14px auto 0;
    border-radius:8px;
    background:#fff;
}
.ga .quiz-nav{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(38px,1fr));
    gap:7px;
    margin:0 0 20px;
}
.ga .quiz-nav-box{
    height:34px;
    border-radius:9px;
    border:1px solid var(--line-strong);
    background:var(--surface-1);
    color:var(--muted);
    font-size:12.5px;
    font-weight:600;
    font-family:inherit;
    cursor:pointer;
    transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;
}
.ga .quiz-nav-box:hover{
    border-color:rgb(var(--accent-rgb) / .5);
    color:var(--accent-fg);
}
.ga .quiz-nav-box.answered{
    border-color:rgb(var(--success-rgb) / .5);
    background:rgb(var(--success-rgb) / .14);
    color:var(--success-fg);
}
.ga .quiz-nav-box.current{
    border-color:rgb(var(--accent-rgb) / .8);
    color:var(--accent-fg);
    box-shadow:var(--ring);
}
.ga .quiz-nav-box:hover{
    filter:brightness(1.15);
}
.ga .quiz-option.selected{
    border-color:var(--gold);
    background:rgb(var(--accent-rgb) / .1);
}
.ga .quiz-option.selected .letter{
    background:var(--gold);
    color:var(--on-accent);
}
.ga .quiz-nav-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-top:18px;
}
.ga .quiz-nav-actions .quiz-next-btn{
    margin-top:0;
}
.ga .quiz-prev-btn,.ga .quiz-finish-btn{
    height:40px;
    padding:0 18px;
    border-radius:10px;
    border:1px solid var(--line);
    background:var(--surface-2);
    color:var(--text);
    font-weight:600;
    font-size:13.5px;
    font-family:inherit;
    cursor:pointer;
}
.ga .quiz-finish-btn{
    margin-left:auto;
    border-color:rgb(var(--danger-rgb) / .5);
}
.ga footer{
    background: #1e293b;
    color: #e2e8f0;
    padding: 24px 16px;
    font-size: 14px;
}
.ga .footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.ga .footer-links{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.ga .footer-links a{
    color: #93c5fd;
    text-decoration: none;
}
.ga .footer-links a:hover{
    text-decoration: underline;
}
.ga .footer-bottom{
    text-align: center;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 13px;
    opacity: 0.85;
}
.ga .footer-bottom p{
    margin: 3px 0;
}
.ga .nav-links .nav-top{
    display:inline-block;
}
.ga .nav-dd{
    position:relative;
}
.ga .nav-dd-head{
    display:flex;
    align-items:center;
}
.ga .nav-dd-toggle{
    width:22px;
    height:28px;
    margin-left:-6px;
    padding:0;
    border:none;
    background:transparent;
    color:var(--muted);
    font-size:10px;
    cursor:pointer;
    border-radius:8px;
    transition:color var(--t),transform var(--t);
}
.ga .nav-dd-toggle:hover{
    color:var(--text);
}
.ga .nav-dd.open .nav-dd-toggle{
    transform:rotate(180deg);
}
.ga .nav-dd-panel{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:290px;
    max-height:min(74vh,560px);
    overflow-y:auto;
    padding:8px;
    background:var(--panel2);
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:0 25px 50px var(--shadow-color2);
    z-index:210;
}
.ga .nav-dd::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:10px;
}
.ga .nav-dd.nav-dd-wide .nav-dd-panel{
    min-width:600px;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
@media(min-width:901px){.ga .nav-dd:hover .nav-dd-panel,.ga .nav-dd:focus-within .nav-dd-panel,.ga .nav-dd.open .nav-dd-panel{
        display:block;
    }
.ga .nav-dd.nav-dd-wide:hover .nav-dd-panel,.ga .nav-dd.nav-dd-wide:focus-within .nav-dd-panel,.ga .nav-dd.nav-dd-wide.open .nav-dd-panel{
        display:grid;
    }
.ga .nav-dd:hover .nav-dd-toggle{
        transform:rotate(180deg);
    }}
.ga .nav-dd-title{
    padding:8px 10px 6px;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:1.1px;
    text-transform:uppercase;
    color:var(--faint);
}
.ga .nav-links .nav-dd-item{
    display:flex;
    align-items:center;
    gap:11px;
    padding:9px 10px;
    border-radius:11px;
    color:var(--text);
    font-size:13px;
    font-weight:500;
    white-space:normal;
    background:transparent;
}
.ga .nav-links .nav-dd-item:hover{
    background:rgb(var(--accent-rgb) / .08);
    color:var(--text);
}
.ga .nav-links .nav-dd-item.current{
    background:rgb(var(--accent-rgb) / .12);
    color:var(--text);
}
.ga .nav-links .nav-dd-item.is-disabled{
    opacity:.4;
    pointer-events:none;
}
.ga .nav-dd-ico{
    width:30px;
    height:30px;
    flex-shrink:0;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgb(var(--accent-rgb) / .1);
    font-size:16px;
}
.ga .nav-dd-meta{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
}
.ga .nav-dd-meta strong{
    font-size:13px;
    font-weight:600;
}
.ga .nav-dd-meta small{
    color:var(--muted);
    font-size:11px;
    line-height:1.35;
}
.ga .nav-dd-badge{
    font-size:9px;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:3px 7px;
    border-radius:20px;
    background:var(--surface-2);
    color:var(--muted);
    flex-shrink:0;
}
.ga .nav-dd-item.current .nav-dd-badge{
    background:rgb(var(--accent-rgb) / .18);
    color:var(--accent-fg);
}
@media(max-width:900px){.ga header{
        flex-wrap:wrap;
    }
.ga header:has(.mobile-menu-toggle:checked){
        height:auto;
        padding-bottom:10px;
        background:var(--panel);
        box-shadow:var(--shadow-lg);
    }
.ga .mobile-menu-btn{
        display:flex;
        margin-left:auto;
    }
.ga .mobile-menu-toggle:checked ~ .nav-links{
        max-height:calc(100vh - 120px);
        overflow-y:auto;
    }
.ga .nav-dd{
        width:100%;
    }
.ga .nav-dd::after{
        display:none;
    }
.ga .nav-dd-head{
        justify-content:space-between;
    }
.ga .nav-dd-head .nav-top{
        flex:1;
    }
.ga .nav-dd-toggle{
        width:40px;
        height:38px;
        margin-left:0;
        font-size:12px;
    }
.ga .nav-dd-panel,.ga .nav-dd.nav-dd-wide .nav-dd-panel{
        position:static;
        min-width:0;
        max-height:none;
        box-shadow:none;
        border:none;
        border-left:2px solid rgb(var(--accent-rgb) / .25);
        border-radius:0;
        margin:2px 0 6px 14px;
        padding:2px 0 2px 6px;
        background:transparent;
    }
.ga .nav-dd.open .nav-dd-panel{
        display:block;
    }
.ga .nav-links .youtube-btn{
        justify-content:center;
        margin-top:6px;
    }}
.ga .home-sections{
    max-width:var(--container);
    margin:var(--sec-gap) auto 0;
    padding:0 var(--gut);
}
.ga .home-block{
    margin-bottom:34px;
    scroll-margin-top:calc(var(--header-h) + 14px);
}
.ga .home-block-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.ga .home-block-head h2{
    font-family:Inter,serif;
    font-size:23px;
    font-weight:600;
    line-height:1.2;
}
.ga .home-block-head p{
    margin-top:6px;
    color:var(--muted);
    font-size:13.5px;
}
.ga .home-block-more{
    flex-shrink:0;
    color:var(--accent-fg);
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    padding:7px 12px;
    border-radius:999px;
    transition:background-color var(--t);
}
.ga .home-block-more:hover{
    background:rgb(var(--accent-rgb) / .12);
}
.ga .home-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:14px;
}
.ga .home-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:16px;
    border:1px solid var(--line);
    background:var(--panel);
    border-radius:18px;
    color:var(--text);
    text-decoration:none;
    box-shadow:var(--shadow-sm);
    transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.ga .home-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-md);
    border-color:rgb(var(--accent-rgb) / .34);
}
.ga .home-card.is-disabled{
    opacity:.5;
    pointer-events:none;
}
.ga .home-card-ico{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgb(var(--accent-rgb) / .1);
    font-size:21px;
    margin-bottom:10px;
}
.ga .home-card strong{
    font-family:Inter,serif;
    font-size:16.5px;
    line-height:1.25;
}
.ga .home-card small{
    color:var(--muted);
    font-size:12.5px;
    line-height:1.5;
}
.ga .home-card-badge{
    position:absolute;
    top:14px;
    right:14px;
    font-size:9px;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:3px 7px;
    border-radius:20px;
    background:var(--surface-2);
    color:var(--muted);
}
@media(max-width:650px){.ga .home-card-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
.ga .home-card{
        padding:13px;
    }
.ga .home-block-head h2{
        font-size:20px;
    }}
.ga .nav-links .youtube-btn,.ga .nav-links .youtube-btn:hover{
    color:#fff;
}
.ga{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:transparent;--accent-rgb:5 150 105;--accent-2-rgb:14 165 233;
 --gold:#047857;--gold2:#059669;--accent-fg:#047857;--ac:#059669}
.ga h1,.ga h2,.ga h3,.ga h4{font-family:Inter,system-ui,sans-serif}
.ga{min-height:60vh}
.ga-back{max-width:80rem;margin:0 auto;padding:14px 16px 0}
.ga-back a{font:700 12px Inter,system-ui,sans-serif;color:#0284c7;text-decoration:none}
.ga-back a:hover{text-decoration:underline}
.sim-frame{display:block;width:100%;height:calc(100vh - 5rem - 44px);min-height:520px;border:0;background:#000}

/* ===== Simulyasiya səhifələri: tam ekran ===== */
body.sim-page{overflow:hidden;background:#000}
body.sim-page>header,body.sim-page>footer,body.sim-page>#global-modal,body.sim-page>.skip-link{display:none!important}
body.sim-page main{position:fixed;inset:0;z-index:10;margin:0;padding:0}
body.sim-page .sim-frame{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;background:#000}
body.sim-page .sim-bar{position:fixed;z-index:30;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:8px}
body.sim-page .sim-bar a,body.sim-page .sim-bar button{font:700 12px Inter,system-ui,sans-serif;color:#fff;background:rgba(15,23,42,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 12px;cursor:pointer;text-decoration:none;line-height:1}
body.sim-page .sim-bar a:hover,body.sim-page .sim-bar button:hover{background:rgba(4,120,87,.9)}
