.gq-site{--bg:#020b12;--line:#233e4b;--muted:#a9bfcc;--green:#51fa5a;--white:#f5f8fb;min-height:100vh;background:var(--bg);color:var(--white);font:15px/1.5 "Segoe UI",system-ui,sans-serif}
body:has(>.gq-site){margin:0;background:#020b12}
.gq-site *, .gq-site *::before,.gq-site *::after{box-sizing:border-box}
.gq-site [hidden]{display:none!important}
.gq-site a{color:var(--green);text-decoration:none}
.gq-site :focus-visible{outline:2px solid var(--green);outline-offset:3px}
.gq-site h1,.gq-site h2,.gq-site h3{color:var(--white);line-height:1.12;margin:0 0 14px;letter-spacing:-.024em}
.gq-site h1{font-size:clamp(30px,3.25vw,52px);font-weight:850}
.gq-site h2{font-size:clamp(20px,1.85vw,28px);font-weight:800}
.gq-site h3{font-size:21px}
.gq-site p{margin:0 0 14px}
.gq-header{background:linear-gradient(110deg,#030e15,#091b28,#030e15);border-bottom:1px solid var(--line)}
.gq-nav{max-width:1620px;margin:auto;min-height:72px;padding:10px clamp(14px,3vw,48px);display:flex;gap:18px;align-items:center}
.gq-site .gq-logo{color:white;display:flex;align-items:center;gap:10px;font-size:28px;font-weight:900;line-height:1;white-space:nowrap}
.gq-accent,.gq-hero em{color:var(--green);font-style:normal}
.gq-logo small{display:block;margin-top:5px;font-size:10px;font-weight:550}
.gq-crest{display:grid;place-items:center;width:39px;height:43px;border:2px solid var(--green);border-radius:12px 12px 18px 18px;font-size:24px}
.gq-navigation,.gq-nav nav,.gq-controls,.gq-languages{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.gq-navigation{flex:1;justify-content:space-between;gap:10px}
.gq-nav nav a,.gq-languages a{color:var(--white);border-radius:8px;font-size:13px;font-weight:700;padding:7px}
.gq-nav a[aria-current],.gq-nav nav a:hover{color:#83ff91;background:#123820}
.gq-menu-button{display:none!important}
.gq-site .gq-btn,.gq-site .gq-outline{display:inline-block;border:1px solid #648191;border-radius:11px;padding:9px 15px;font:inherit;font-weight:780;text-align:center;cursor:pointer;transition:filter .16s ease}
.gq-site .gq-btn{background:linear-gradient(#8aff95,#27ef36 48%,#05bb24);border-color:#65f774;box-shadow:inset 0 0 9px #9effae90,0 0 12px #3dff4928;color:#002009}
.gq-site .gq-outline{background:#08151ee8;color:white}
.gq-site .gq-btn:hover,.gq-site .gq-outline:hover{filter:brightness(1.16)}
.gq-controls .gq-btn,.gq-controls .gq-outline{padding:6px 10px;font-size:13px}
.gq-hero{background:linear-gradient(90deg,#020b12ef 0%,#020b1290 37%,#020b1210 63%,#020b1240),url("stadium.jpg") center 62%/cover no-repeat;border-bottom:1px solid #246a39}
.gq-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,365px);align-items:center;gap:25px;max-width:1620px;min-height:325px;margin:auto;padding:30px clamp(16px,4.5vw,72px)}
.gq-hero h1{max-width:740px;text-shadow:0 3px 15px #000}
.gq-hero p{max-width:540px;font-size:clamp(15px,1.35vw,19px);text-shadow:0 2px 9px #000}
.gq-actions,.gq-features{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.gq-features{margin-top:22px;font-weight:700}
.gq-pick,.gq-panel{min-width:0;background:radial-gradient(ellipse at 17% 0,#102732,#07141d 55%,#06111a);border:1px solid var(--line);border-radius:17px;padding:clamp(14px,1.65vw,25px)}
.gq-pick{min-height:215px;background:#031219ed;box-shadow:0 13px 30px #0008}
.gq-pick progress{accent-color:var(--green);width:100%;height:11px}
.gq-pick .gq-tag{margin-bottom:10px}
.gq-dashboard,.gq-content{width:min(100%,1620px);margin:auto;padding:16px clamp(12px,2.55vw,44px) 30px}
.gq-dashboard{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(0,1fr);gap:17px;align-items:stretch}
.gq-dashboard .gq-panel>.gq-outline{margin-top:10px}
.gq-content{padding-top:34px;min-height:65vh}
.gq-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.gq-filters button{flex:1 0 auto;background:#102733;color:white;border:1px solid #365766;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.gq-filters button[aria-pressed=true]{background:linear-gradient(#95ff9a,#12cd2e);color:#002009;border-color:#75fb80}
.gq-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}
.gq-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}
.gq-table th{background:#10212c;text-align:left}
.gq-table th,.gq-table td{padding:9px 8px;border-bottom:1px solid #253e49}
.gq-table td small{display:block;color:var(--muted)}
.gq-tag{display:inline-block;background:#10381e;color:#89ff91;border:1px solid #1ca141;padding:2px 7px;border-radius:6px;font-weight:700}
.gq-muted,.gq-empty{color:var(--muted)}
.gq-site .gq-empty{padding:15px;border:1px dashed var(--line);border-radius:10px;background:#081923}
.gq-plans,.gq-account-grid,.gq-cards,.gq-metrics{display:grid;gap:12px}
.gq-plans,.gq-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gq-content>.gq-plans{max-width:900px}
.gq-plan{display:flex;flex-direction:column;padding:clamp(12px,1.3vw,20px);border:1px solid #355265;border-radius:16px;background:linear-gradient(145deg,#0d2330,#07161f)}
.gq-plan h3{border-bottom:1px solid #395768;padding-bottom:10px}
.gq-plan.gq-premium{background:linear-gradient(145deg,#0b3c20,#06181a 64%);border-color:#76ff64;box-shadow:inset 0 0 14px #37ff4538,0 0 14px #24ed4040}
.gq-plan .gq-price{font-size:clamp(26px,3vw,43px);font-weight:850;line-height:1.12}
.gq-price small{font-size:13px;font-weight:550}
.gq-plan ul{list-style:none;padding:0;margin:0 0 15px}
.gq-plan li{position:relative;padding:0 0 6px 18px;font-size:13px}
.gq-plan li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.gq-plan a{margin-top:auto}
.gq-metrics,.gq-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.gq-metrics{margin-bottom:13px}
.gq-metrics>div{text-align:center;min-width:0;overflow-wrap:anywhere;padding:12px 5px;border:1px solid var(--line);border-radius:12px;background:#0a1c26}
.gq-metrics b{display:block;color:var(--green);font-size:clamp(22px,2.1vw,34px)}
.gq-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b1e2a;overflow-wrap:anywhere}
.gq-dashboard .gq-card{min-height:132px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(#04122120,#05111bf5),url("stadium.jpg") center/cover}
.gq-entry{margin:14px 0}
.gq-account-grid form,.gq-contact form{display:grid;gap:12px;justify-items:start}
.gq-account-grid label,.gq-contact label{display:grid;gap:5px;width:100%}
.gq-site input:not([type=hidden]),.gq-site textarea{width:100%;padding:10px;background:#07131e;color:#fff;border:1px solid #506978;border-radius:8px;font:inherit}
.gq-alert{border:1px solid #32824d;padding:12px;border-radius:9px;background:#133926}
.gq-contact{max-width:650px}
.gq-sub-row,.gq-footer,.gq-footer nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.gq-sub-row{margin-top:10px}
.gq-footer{padding:20px clamp(12px,3vw,52px);color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:1120px){.gq-nav{flex-wrap:wrap}.gq-menu-button{display:inline-block!important;margin-left:auto}.gq-navigation{display:none;flex:1 0 100%}.gq-navigation.gq-open{display:flex}}
@media(max-width:820px){.gq-dashboard{grid-template-columns:1fr}.gq-hero-inner{grid-template-columns:1fr minmax(200px,.65fr);gap:14px}}
@media(max-width:560px){.gq-navigation.gq-open{flex-direction:column;align-items:flex-start}.gq-hero-inner,.gq-account-grid,.gq-cards{grid-template-columns:1fr}.gq-pick{min-height:0}.gq-features{display:none}.gq-hero{background-position:60% center}}
@media(max-width:380px){.gq-plans{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gq-site *{transition:none!important}}

.gq-dashboard .gq-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.gq-dashboard .gq-plans>.gq-plan:first-child{grid-column:1/-1}
.gq-content>.gq-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
.gq-site .gq-check{display:block}
.gq-site input[type=checkbox]{width:auto;margin-right:5px}
.gq-site select{max-width:100%;background:#07131e;color:#fff;border:1px solid #506978;border-radius:8px;padding:9px;font:inherit}
.gq-contact form~a{margin:12px 8px 0 0}
@media(max-width:650px){.gq-content>.gq-plans{grid-template-columns:1fr}}
@media(max-width:380px){.gq-dashboard .gq-plans{grid-template-columns:1fr}}
