:root{
    --avx-bg:#050816;
    --avx-bg-soft:#080d1d;
    --avx-panel:#0b1124;
    --avx-panel-2:#0e1630;
    --avx-line:#1c2a4b;
    --avx-text:#f7f9ff;
    --avx-muted:#8996b2;
    --avx-cyan:#20d4ff;
    --avx-blue:#3276ff;
    --avx-violet:#8b2cff;
    --avx-gradient:linear-gradient(135deg,#20d4ff 0%,#3276ff 48%,#8b2cff 100%);
}

html,
body{
    background:var(--avx-bg)!important;
}

body{
    color:var(--avx-text);
}

#main-content,
main{
    background:var(--avx-bg);
}

.avx-global-header{
    background:rgba(5,8,22,.96)!important;
    border-bottom:1px solid rgba(74,104,170,.22)!important;
    box-shadow:0 12px 36px rgba(0,0,0,.22);
    backdrop-filter:blur(20px);
}

.avx-brand-logo{
    width:205px;
    max-width:205px;
    height:auto;
    display:block;
}

.avx-top-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    padding:22px 15px;
    color:#aab4cc;
    font-size:13px;
    transition:.2s ease;
}

.avx-top-link:hover{
    color:#fff;
}

.avx-top-link.active{
    color:#fff;
}

.avx-top-link.active:after{
    content:"";
    position:absolute;
    height:2px;
    left:15px;
    right:15px;
    bottom:11px;
    border-radius:10px;
    background:var(--avx-gradient);
    box-shadow:0 0 14px rgba(80,91,255,.7);
}

.avx-gradient-button{
    background:var(--avx-gradient);
    color:#fff;
    box-shadow:0 8px 28px rgba(69,81,255,.32);
}

.avx-glass{
    background:rgba(12,18,38,.72);
    border:1px solid rgba(90,118,180,.22);
    backdrop-filter:blur(16px);
}

#main-side > div:last-child{
    background:#070b19!important;
    border-right:1px solid rgba(80,105,160,.16);
}

.avx-cinema-shell{
    padding:18px 22px 60px;
}

.avx-cinema-hero{
    position:relative;
    min-height:500px;
    overflow:hidden;
    border:1px solid rgba(79,111,178,.32);
    border-radius:20px;
    background:#070b18;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.avx-cinema-hero .avx-hero-bg{
    border-radius:20px;
}

.avx-cinema-section{
    margin-top:22px;
}

.avx-cinema-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 4px 10px;
}

.avx-cinema-heading h2{
    font-size:19px;
    font-weight:650;
    color:#f7f9ff;
}

.avx-cinema-heading span{
    font-size:11px;
    color:#48b8ff;
}

.avx-land-rail{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding:0 4px 10px;
}

.avx-land-rail::-webkit-scrollbar{
    height:5px;
}

.avx-land-rail::-webkit-scrollbar-thumb{
    background:#26385f;
    border-radius:10px;
}

.avx-land-card{
    display:block;
    min-width:250px;
    width:250px;
    transition:.22s ease;
}

.avx-land-card:hover{
    transform:translateY(-4px);
}

.avx-land-image{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:10px;
    background:#0b1124;
    border:1px solid rgba(79,111,178,.24);
}

.avx-land-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}

.avx-land-card:hover img{
    transform:scale(1.045);
}

.avx-land-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,rgba(4,7,16,.92),transparent 60%);
}

.avx-land-info{
    position:absolute;
    left:13px;
    right:13px;
    bottom:10px;
}

.avx-land-info strong{
    display:block;
    color:#fff;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.avx-land-info span{
    display:block;
    margin-top:3px;
    color:#94a2bf;
    font-size:10px;
}

@media(max-width:700px){
    .avx-cinema-shell{
        padding:10px 12px 45px;
    }

    .avx-cinema-hero{
        min-height:470px;
    }

    .avx-land-card{
        min-width:210px;
        width:210px;
    }
}

.avx-global-header{
    min-height:72px!important;
}

.avx-global-header > div:first-of-type{
    align-items:center;
}

.avx-global-header .avx-top-link{
    min-height:72px;
    padding:0 16px;
    justify-content:center;
}

.avx-global-header .avx-top-link.active:after{
    bottom:0;
    left:14px;
    right:14px;
    height:2px;
}

.avx-global-header input[type="search"]{
    background:#091025!important;
    border:1px solid #24365e!important;
    color:#fff!important;
}

.avx-global-header input[type="search"]::placeholder{
    color:#70809f!important;
}

.avx-cinema-hero{
    border-color:#213760;
    box-shadow:
        0 28px 80px rgba(0,0,0,.42),
        inset 0 0 0 1px rgba(85,130,220,.05);
}

.avx-cinema-hero .avx-hero-shade{
    background:
        linear-gradient(90deg,
            rgba(4,7,17,.98) 0%,
            rgba(4,7,17,.90) 27%,
            rgba(4,7,17,.38) 58%,
            rgba(4,7,17,.10) 78%,
            rgba(4,7,17,.34) 100%
        ),
        linear-gradient(0deg,
            rgba(5,8,22,.96) 0%,
            rgba(5,8,22,.05) 48%,
            rgba(5,8,22,.18) 100%
        );
}

.avx-cinema-hero .avx-hero-content{
    padding:58px 48px 48px;
    max-width:690px;
}

.avx-original{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
}

.avx-original img{
    width:34px;
    height:34px;
    object-fit:cover;
    object-position:left;
}

.avx-original span{
    font-size:10px;
    font-weight:650;
    letter-spacing:.28em;
    color:#cbd6ec;
}

.avx-cinema-hero .avx-title{
    max-width:650px;
    font-size:clamp(44px,5.4vw,76px);
    letter-spacing:-.035em;
    text-shadow:0 8px 30px rgba(0,0,0,.6);
}

.avx-cinema-hero .avx-overview{
    max-width:620px;
    color:#c3ccdc;
    font-size:15px;
}

.avx-hero-meta{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:18px;
}

.avx-hero-meta span{
    padding:6px 10px;
    border-radius:999px;
    background:rgba(7,12,28,.62);
    border:1px solid rgba(105,137,200,.20);
    color:#9eacc7;
    font-size:11px;
    backdrop-filter:blur(12px);
}

.avx-cinema-hero .avx-primary{
    background:linear-gradient(100deg,#18cfff 0%,#3476ff 52%,#8b2cff 100%);
    padding:13px 23px;
    box-shadow:
        0 10px 30px rgba(47,107,255,.28),
        0 0 22px rgba(121,49,255,.14);
}

.avx-cinema-hero .avx-secondary{
    padding:13px 23px;
    background:rgba(11,17,36,.72);
    border:1px solid #33446a;
}

.avx-hero-dots{
    display:flex;
    gap:7px;
    margin-top:36px;
}

.avx-hero-dots span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#52607c;
}

.avx-hero-dots span.active{
    width:19px;
    border-radius:999px;
    background:linear-gradient(90deg,#20d4ff,#7560ff);
    box-shadow:0 0 12px rgba(73,114,255,.7);
}

@media(max-width:700px){
    .avx-cinema-hero .avx-hero-content{
        padding:48px 22px 34px;
    }

    .avx-original img{
        width:28px;
        height:28px;
    }

    .avx-hero-dots{
        margin-top:25px;
    }
}

.avx-global-header{
    gap:18px!important;
}

.avx-header-search{
    width:min(360px,27vw);
    height:40px;
    flex-shrink:0;
    align-items:center;
    gap:10px;
    padding:0 14px;
    border-radius:999px;
    background:
        linear-gradient(#091025,#091025) padding-box,
        linear-gradient(120deg,
            rgba(32,212,255,.55),
            rgba(50,118,255,.40),
            rgba(139,44,255,.55)
        ) border-box;
    border:1px solid transparent;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 8px 30px rgba(0,0,0,.18);
    transition:
        width .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.avx-header-search:focus-within{
    width:min(400px,30vw);
    box-shadow:
        0 0 0 1px rgba(63,122,255,.25),
        0 0 24px rgba(71,82,255,.16);
}

.avx-header-search svg{
    width:17px;
    height:17px;
    flex:0 0 auto;
    color:#7f91b5;
}

.avx-header-search input[type="search"]{
    width:100%;
    height:100%;
    min-width:0;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#f7f9ff!important;
    font-size:12px;
}

.avx-header-search input[type="search"]::placeholder{
    color:#6f7f9e!important;
}

.avx-header-search input[type="search"]::-webkit-search-cancel-button{
    opacity:.55;
}

@media(max-width:1279px){
    .avx-global-header nav{
        justify-content:center;
    }
}

@media(min-width:1280px) and (max-width:1500px){
    .avx-global-header .avx-top-link{
        padding-left:11px;
        padding-right:11px;
    }

    .avx-header-search{
        width:250px;
    }

    .avx-header-search:focus-within{
        width:280px;
    }
}

.avx-home{
    min-height:100vh;
    background:
        radial-gradient(circle at 80% 0%,rgba(105,46,255,.12),transparent 32%),
        radial-gradient(circle at 10% 20%,rgba(21,186,255,.08),transparent 30%),
        #050816;
}

.avx-home-shell{
    width:100%;
    padding:18px 22px 60px;
}

.avx-home-hero{
    position:relative;
    min-height:520px;
    overflow:hidden;
    border:1px solid #213760;
    border-radius:20px;
    background:#070b18;
    box-shadow:0 28px 80px rgba(0,0,0,.42);
}

.avx-home-hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.avx-home-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(4,7,17,.98) 0%,
            rgba(4,7,17,.90) 29%,
            rgba(4,7,17,.42) 57%,
            rgba(4,7,17,.10) 78%,
            rgba(4,7,17,.30) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5,8,22,.93) 0%,
            transparent 50%
        );
}

.avx-home-hero-content{
    position:relative;
    z-index:2;
    max-width:680px;
    padding:72px 52px 48px;
}

.avx-home-brand{
    margin-bottom:14px;
    color:#61cfff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.25em;
}

.avx-home-hero h1{
    margin:0;
    color:#fff;
    font-size:clamp(44px,5.5vw,78px);
    font-weight:750;
    line-height:.96;
    letter-spacing:-.045em;
    text-shadow:0 10px 35px rgba(0,0,0,.55);
}

.avx-home-hero p{
    max-width:610px;
    margin:20px 0 0;
    color:#c1cadb;
    font-size:14px;
    line-height:1.7;
}

.avx-home-meta{
    display:flex;
    gap:8px;
    margin-top:18px;
}

.avx-home-meta span{
    padding:6px 10px;
    border:1px solid rgba(100,134,205,.22);
    border-radius:999px;
    background:rgba(8,14,31,.68);
    color:#a8b4cb;
    font-size:10px;
}

.avx-home-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.avx-home-shortcuts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.avx-home-shortcut{
    display:flex;
    min-height:92px;
    flex-direction:column;
    justify-content:center;
    padding:18px 20px;
    border:1px solid rgba(84,116,181,.22);
    border-radius:14px;
    background:
        linear-gradient(145deg,rgba(14,23,47,.92),rgba(8,13,29,.92));
    transition:.2s ease;
}

.avx-home-shortcut:hover{
    transform:translateY(-3px);
    border-color:rgba(67,126,243,.48);
    box-shadow:0 16px 35px rgba(0,0,0,.25);
}

.avx-home-shortcut strong{
    color:#fff;
    font-size:14px;
}

.avx-home-shortcut span{
    margin-top:4px;
    color:#71809e;
    font-size:10px;
}

@media(max-width:900px){
    .avx-home-shortcuts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:700px){
    .avx-home-shell{
        padding:10px 12px 45px;
    }

    .avx-home-hero{
        min-height:500px;
    }

    .avx-home-hero-content{
        padding:55px 22px 35px;
    }
}

.avx-top-link.active{
    color:#fff!important;
}

.avx-top-link.active:after{
    background:linear-gradient(90deg,#20d4ff,#3276ff,#8b2cff)!important;
    box-shadow:
        0 0 10px rgba(32,212,255,.45),
        0 0 18px rgba(50,118,255,.35)!important;
}

#main-side a[class*="blue"]{
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease;
}

#main-side .bg-blue-600,
#main-side .bg-blue-700{
    background:linear-gradient(110deg,#167de8,#3276ff)!important;
    box-shadow:0 7px 22px rgba(50,118,255,.22);
}