/* Cyclone Hosting V5 - FAQ Center */

.v5faq-container{width:min(1180px,calc(100% - 40px));margin:0 auto}

.v5faq-hero{
    position:relative;
    overflow:hidden;
    padding:180px 22px 105px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 18%,rgba(19,223,255,.22),transparent 35%),
        radial-gradient(circle at 12% 10%,rgba(255,216,77,.08),transparent 28%),
        linear-gradient(180deg,#061229,#030711);
}

.v5faq-grid{
    position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(126,218,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(126,218,255,.05) 1px,transparent 1px);
    background-size:72px 72px;
    opacity:.58;
}

.v5faq-hero-inner{position:relative;z-index:2;width:min(900px,100%);margin:0 auto}

.v5faq-hero-inner>span,.v5faq-heading>span,.v5faq-sidebar>span,.v5faq-academy-card span,.v5faq-final>div>div>span{
    display:inline-flex;padding:10px 16px;border:1px solid rgba(126,218,255,.22);
    border-radius:999px;color:#bff5ff;background:rgba(19,223,255,.08);
    font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase
}

.v5faq-hero h1{
    margin:23px 0 16px;color:#fff;font-size:clamp(50px,7vw,86px);
    line-height:.94;letter-spacing:-.065em
}

.v5faq-hero p,.v5faq-heading p,.v5faq-sidebar p,.v5faq-academy-card p,.v5faq-final p{
    max-width:760px;margin:0 auto;color:#b8cae0;font-size:18px;line-height:1.75
}

.v5faq-search{
    width:min(720px,100%);margin:32px auto 0;display:grid;
    grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;
    border:1px solid rgba(126,218,255,.20);border-radius:20px;
    background:rgba(4,12,30,.82);box-shadow:0 24px 70px rgba(0,0,0,.30)
}

.v5faq-search input{
    min-width:0;min-height:54px;padding:0 18px;border:0;outline:0;
    color:#fff;background:transparent;font:inherit
}

.v5faq-search input::placeholder{color:#7690ad}

.v5faq-search button{
    min-height:54px;padding:0 22px;border:0;border-radius:14px;
    color:#111827;background:linear-gradient(135deg,#ffef4a,#ffc400);
    font-weight:950;cursor:pointer
}

.v5faq-search-count{min-height:22px;margin-top:14px;color:#8fa8c3}

.v5faq-category-strip{
    position:relative;z-index:4;margin-top:-28px;padding-bottom:30px;
    background:linear-gradient(180deg,transparent,#061229)
}

.v5faq-category-grid{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
    padding:16px;border:1px solid rgba(126,218,255,.13);border-radius:24px;
    background:rgba(5,17,38,.94);box-shadow:0 22px 60px rgba(0,0,0,.30)
}

.v5faq-category-grid button{
    display:flex;align-items:center;gap:11px;min-height:78px;padding:13px;
    border:1px solid rgba(126,218,255,.08);border-radius:15px;
    color:#dff7ff;background:rgba(255,255,255,.025);text-align:left;cursor:pointer
}

.v5faq-category-grid button:hover,.v5faq-category-grid button.is-active{
    border-color:rgba(19,223,255,.30);background:rgba(19,223,255,.08)
}

.v5faq-category-grid i{
    width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;
    border-radius:12px;color:#071327;background:#13dfff;font-style:normal;font-weight:950
}

.v5faq-category-grid strong,.v5faq-category-grid small{display:block}
.v5faq-category-grid strong{color:#fff;font-size:13px}
.v5faq-category-grid small{margin-top:3px;color:#7894b1;font-size:10px;line-height:1.35}

.v5faq-main{
    padding:80px 0 110px;
    background:
        radial-gradient(circle at 50% 0,rgba(19,223,255,.08),transparent 34%),
        linear-gradient(180deg,#061229,#040a18)
}

.v5faq-layout{
    display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px;align-items:start
}

.v5faq-sidebar{
    position:sticky;top:120px;padding:24px;border:1px solid rgba(126,218,255,.14);
    border-radius:24px;background:rgba(255,255,255,.035)
}

.v5faq-sidebar h2,.v5faq-heading h2,.v5faq-academy-card h2,.v5faq-final h2{
    margin:18px 0 12px;color:#fff;font-size:clamp(32px,4vw,52px);
    line-height:1;letter-spacing:-.05em
}

.v5faq-sidebar p{font-size:15px;margin:0}

.v5faq-sidebar nav{display:grid;gap:7px;margin-top:20px}

.v5faq-sidebar nav button{
    padding:11px 12px;border:0;border-radius:12px;color:#91aac4;
    background:transparent;text-align:left;font-weight:800;cursor:pointer
}

.v5faq-sidebar nav button:hover,.v5faq-sidebar nav button.is-active{
    color:#fff;background:rgba(19,223,255,.08)
}

.v5faq-sidebar>div{
    margin-top:22px;padding:17px;border:1px solid rgba(126,218,255,.10);
    border-radius:17px;background:#071529
}

.v5faq-sidebar>div strong{color:#fff}
.v5faq-sidebar>div p{margin-top:8px;color:#819bb6}
.v5faq-sidebar>div a{display:inline-flex;margin-top:12px;color:#ffef4a;font-weight:950}

.v5faq-heading{margin-bottom:28px}

.v5faq-list{display:grid;gap:14px}

.v5faq-item{
    overflow:hidden;border:1px solid rgba(126,218,255,.14);
    border-radius:21px;background:rgba(255,255,255,.035);
    box-shadow:0 18px 50px rgba(0,0,0,.16)
}

.v5faq-question{
    width:100%;display:flex;align-items:center;justify-content:space-between;
    gap:18px;padding:21px 23px;border:0;color:#fff;background:transparent;
    text-align:left;cursor:pointer
}

.v5faq-question small,.v5faq-question strong{display:block}
.v5faq-question small{
    margin-bottom:5px;color:#6fe7ff;font-size:10px;font-weight:900;
    letter-spacing:.10em;text-transform:uppercase
}
.v5faq-question strong{font-size:18px;line-height:1.35}

.v5faq-question>i{
    width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;
    border-radius:11px;color:#071327;background:#13dfff;font-style:normal;
    font-size:20px;font-weight:950;transition:transform .2s ease
}

.v5faq-item.is-open .v5faq-question>i{transform:rotate(45deg)}

.v5faq-answer{
    padding:0 23px 22px;border-top:1px solid rgba(126,218,255,.08);
    color:#a4b9cf;line-height:1.8
}

.v5faq-answer p:first-child{margin-top:18px}
.v5faq-answer a{color:#72e8ff;text-decoration:underline}

.v5faq-empty{
    padding:40px 25px;text-align:center;border:1px solid rgba(126,218,255,.14);
    border-radius:24px;background:rgba(255,255,255,.035)
}
.v5faq-empty h3{margin:0 0 10px;color:#fff;font-size:28px}
.v5faq-empty p{margin:0;color:#91aac4}

.v5faq-academy{
    padding:90px 0;background:linear-gradient(180deg,#040a18,#061229)
}

.v5faq-academy-card{
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    padding:38px;border:1px solid rgba(126,218,255,.16);border-radius:28px;
    background:radial-gradient(circle at 100% 0,rgba(19,223,255,.10),transparent 38%),rgba(255,255,255,.04)
}

.v5faq-academy-card h2{font-size:42px}
.v5faq-academy-card p{margin:0;font-size:16px}
.v5faq-academy-card>a{
    min-height:54px;display:inline-flex;align-items:center;justify-content:center;
    padding:0 23px;border-radius:14px;color:#111827;
    background:linear-gradient(135deg,#ffef4a,#ffc400);font-weight:950;white-space:nowrap
}

.v5faq-final{padding:95px 0 125px;background:#030711}
.v5faq-final>div>div{
    padding:56px 35px;border:1px solid rgba(126,218,255,.20);
    border-radius:36px;background:radial-gradient(circle at 50% 0,rgba(19,223,255,.15),transparent 40%),rgba(255,255,255,.05);
    text-align:center
}

.v5faq-final>div>div>div{
    display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:27px
}

.v5faq-primary,.v5faq-secondary{
    min-height:54px;display:inline-flex;align-items:center;justify-content:center;
    padding:0 24px;border-radius:14px;font-weight:950
}
.v5faq-primary{color:#111827;background:linear-gradient(135deg,#ffef4a,#ffc400)}
.v5faq-secondary{color:#dff7ff;border:1px solid rgba(126,218,255,.18);background:rgba(255,255,255,.055)}

@media(max-width:1000px){
    .v5faq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .v5faq-layout{grid-template-columns:1fr}
    .v5faq-sidebar{position:static}
    .v5faq-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
    .v5faq-container{width:min(100% - 28px,1180px)}
    .v5faq-hero{padding-top:145px}
    .v5faq-search{grid-template-columns:1fr}
    .v5faq-category-strip{margin-top:0;padding-top:16px}
    .v5faq-category-grid{grid-template-columns:1fr}
    .v5faq-sidebar nav{grid-template-columns:1fr}
    .v5faq-academy-card{align-items:flex-start;flex-direction:column}
    .v5faq-academy-card>a{width:100%}
    .v5faq-final>div>div{padding:40px 20px}
    .v5faq-primary,.v5faq-secondary{width:100%}
}