.gl-faq-list,
.gl-legal-stack { display: grid; gap: 14px; }

.gl-faq-item,
.gl-legal-section,
.gl-contact-form,
.gl-resource-list {
  border: 1px solid var(--gl-border);
  border-radius: var(--gl-radius-lg);
  background: var(--gl-surface);
  box-shadow: var(--gl-shadow-sm);
}
.gl-faq-item { padding: 22px 24px; }
.gl-faq-item h2,.gl-legal-section h2 { margin: 0 0 8px; font-size: 1.08rem; letter-spacing: -0.02em; }
.gl-faq-item p,.gl-legal-section p { margin: 0; color: var(--gl-text-soft); }
.gl-legal-notice { margin: 0 0 20px; padding: 14px 16px; border-radius: var(--gl-radius-md); background: var(--gl-brand-orange-soft); color: #744813; border: 1px solid rgba(255,152,0,.18); font-size: .92rem; }
.gl-legal-section { padding: 24px; }
.gl-contact-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr); gap: 22px; align-items: start; }
.gl-contact-form { padding: 24px; display: grid; gap: 14px; }
.gl-field { display: grid; gap: 6px; }
.gl-field label { font-size: .86rem; font-weight: 800; }
.gl-field input,.gl-field textarea { width: 100%; border: 1px solid var(--gl-border); border-radius: 12px; padding: 12px 13px; background: #fff; color: var(--gl-text); outline: none; }
.gl-field textarea { min-height: 150px; resize: vertical; }
.gl-field input:focus,.gl-field textarea:focus { border-color: rgba(33,150,243,.55); box-shadow: 0 0 0 4px rgba(33,150,243,.10); }
.gl-form-note,.gl-form-status { color: var(--gl-text-soft); font-size: .86rem; }
.gl-form-status[data-state="success"] { color: var(--gl-success); }
.gl-form-status[data-state="error"] { color: var(--gl-danger); }
.gl-honeypot { position: absolute!important; left: -10000px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }
.gl-resource-list { margin-top: 24px; overflow: hidden; }
.gl-resource-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 18px 20px; border-top: 1px solid var(--gl-border); text-decoration: none; }
.gl-resource-row:first-child { border-top: 0; }
.gl-resource-row:hover { background: var(--gl-surface-soft); }
.gl-resource-row strong { display: block; }
.gl-resource-row span { color: var(--gl-text-soft); font-size: .9rem; }
.gl-consent[data-gl-consent] { position: fixed; z-index: 80; left: 18px; right: 18px; bottom: 18px; display: none; max-width: 860px; margin-inline: auto; padding: 18px; border: 1px solid rgba(24,48,71,.14); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 26px 80px rgba(16,34,56,.20); backdrop-filter: blur(18px); }
.gl-consent[data-gl-consent][data-open="true"] { display: block; }
.gl-consent-inner { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; }
.gl-consent-copy strong { display: block; margin-bottom: 4px; }
.gl-consent-copy p { margin: 0; color: var(--gl-text-soft); font-size: .9rem; }
.gl-consent-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.gl-consent-manage { border: 0; background: transparent; color: var(--gl-text-soft); text-decoration: underline; cursor: pointer; font: inherit; padding: 0; }
.gl-footer-links { display: flex; flex-wrap: wrap; gap: 14px; }
.gl-footer-links a { text-decoration: none; }
.gl-footer-links a:hover { text-decoration: underline; }

/* Gamurland cinematic global showcase */
:root {
  --gl-brand-orange: #ff9f1c;
  --gl-brand-orange-soft: rgba(255,159,28,.12);
  --gl-brand-blue: #35c8ff;
  --gl-brand-blue-soft: rgba(53,200,255,.11);
  --gl-navy-950: #070b22;
  --gl-navy-900: #0d1432;
  --gl-navy-800: #171d46;
  --gl-text: #f7f4ff;
  --gl-text-soft: #b9b5cc;
  --gl-surface: rgba(19,22,54,.74);
  --gl-surface-soft: #080b22;
  --gl-border: rgba(177,139,255,.18);
  --gl-shadow-sm: 0 12px 34px rgba(0,0,0,.26);
  --gl-shadow-md: 0 34px 90px rgba(0,0,0,.42);
  --gl-container: 1240px;
}
html { background: #070a1d; }
body {
  color: var(--gl-text);
  background:
    radial-gradient(circle at 76% 2%, rgba(255,128,48,.17), transparent 27rem),
    radial-gradient(circle at 18% 18%, rgba(119,76,255,.17), transparent 32rem),
    radial-gradient(circle at 70% 68%, rgba(54,197,255,.08), transparent 28rem),
    linear-gradient(180deg,#070a1f 0%,#0a0d2a 42%,#090b22 100%);
  overflow-x: hidden;
}
body::before { content:""; position: fixed; inset:0; pointer-events:none; opacity:.28; z-index:-1; background-image: radial-gradient(circle,#fff 0 1px,transparent 1.6px); background-size: 91px 91px; mask-image: linear-gradient(to bottom,#000,transparent 80%); }
.gl-header { border-color: rgba(255,255,255,.07); background: rgba(6,9,28,.82); box-shadow: 0 8px 28px rgba(0,0,0,.18); }
.gl-header-inner { min-height: 72px; }
.gl-brand { color:#fff; }
.gl-brand-mark { background: linear-gradient(145deg,#ff9329,#ff4f95 52%,#5b7cff); box-shadow:0 0 28px rgba(255,133,49,.36); }
.gl-nav a { color:#d6d1e3; }
.gl-nav a:hover,.gl-nav a:focus-visible { color:#fff; text-shadow:0 0 18px rgba(255,180,64,.4); }
.gl-locale { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); }
.gl-locale a { color:#bcb6ca; }
.gl-locale a[aria-current="true"] { background:linear-gradient(135deg,#ff9f1c,#ff5b78); color:#140f24; }
.gl-btn-secondary { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.15); color:#fff; }
.gl-btn-accent { background:linear-gradient(135deg,#ff9f1c,#ffb72f); color:#20120a; box-shadow:0 12px 34px rgba(255,142,31,.25),0 0 36px rgba(255,142,31,.13); }
.gl-hero { padding: 64px 0 42px; }
.gl-hero-grid { grid-template-columns:minmax(350px,.76fr) minmax(520px,1.24fr); gap:40px; }
.gl-eyebrow { color:#61d9ff; border-color:rgba(83,211,255,.22); background:rgba(30,145,195,.12); }
.gl-hero h1 { color:#fff; text-shadow:0 6px 38px rgba(0,0,0,.34); }
.gl-hero-copy { color:#cac4d8; }
.gl-product-window { min-height:500px; border-color:rgba(255,165,75,.23); background:url('/assets/site/art/hero-cinematic.webp') center/cover no-repeat; box-shadow:0 34px 90px rgba(0,0,0,.55),0 0 70px rgba(255,111,58,.08); }
.gl-product-window > * { opacity:0; pointer-events:none; }
.gl-proof { padding:28px 0 42px; }
.gl-proof-box { border:1px solid rgba(159,117,255,.2); background:linear-gradient(135deg,rgba(18,17,54,.97),rgba(14,10,37,.94)); box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.28); }
.gl-audiences { padding:42px 0 84px; }
.gl-audience-grid { gap:18px; }
.gl-audience-card { position:relative; overflow:hidden; min-height:300px; padding:170px 26px 26px; border-color:rgba(255,255,255,.10); background-color:#111633; background-size:cover; background-position:center top; box-shadow:0 18px 45px rgba(0,0,0,.22); }
.gl-audience-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,10,29,.03) 24%,rgba(8,10,29,.56) 56%,rgba(8,10,29,.97) 82%); pointer-events:none; }
.gl-audience-card > * { position:relative; z-index:1; }
.gl-audience-card:nth-child(1) { background-image:url('/assets/site/art/persona-students.webp'); }
.gl-audience-card:nth-child(2) { background-image:url('/assets/site/art/persona-teachers.webp'); }
.gl-audience-card:nth-child(3) { background-image:url('/assets/site/art/persona-schools.webp'); }
.gl-audience-card:nth-child(4) { background-image:url('/assets/site/art/persona-adults.webp'); }
.gl-audience-index { position:absolute; top:16px; right:16px; left:auto; background:rgba(5,8,24,.7)!important; color:#fff!important; border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(8px); }
.gl-audience-card h3 { margin:0 0 8px; color:#fff; }
.gl-audience-card p { color:#d3ccdd; }
.gl-page-hero { padding:72px 0 48px; position:relative; overflow:hidden; }
.gl-page-hero::after { content:""; position:absolute; width:560px; height:300px; right:-80px; top:0; background:url('/assets/site/art/product-experience.webp') center/cover no-repeat; opacity:.22; filter:saturate(1.15); mask-image:linear-gradient(to left,#000,transparent); pointer-events:none; }
.gl-page-hero-inner { position:relative; z-index:1; }
.gl-page-hero h1,.gl-section-head h2 { color:#fff; }
.gl-page-hero p { color:#beb9cc; }
.gl-content-card,.gl-price-card,.gl-faq-item,.gl-legal-section,.gl-contact-form,.gl-resource-list,.gl-draft-box { color:#fff; border-color:rgba(255,255,255,.1); background:linear-gradient(145deg,rgba(25,28,65,.89),rgba(12,14,38,.9)); box-shadow:0 18px 44px rgba(0,0,0,.24); }
.gl-content-card p,.gl-price-card p,.gl-faq-item p,.gl-legal-section p,.gl-resource-row span,.gl-form-note,.gl-form-status { color:#bdb8ca; }
.gl-price-card:first-child { border-color:rgba(255,161,47,.34); background:linear-gradient(155deg,rgba(94,53,28,.38),rgba(20,18,51,.96)); }
.gl-price-note,.gl-legal-notice { background:rgba(255,159,28,.11); color:#ffd295; border-color:rgba(255,159,28,.2); }
.gl-field input,.gl-field textarea { color:#fff; background:rgba(5,8,25,.72); border-color:rgba(255,255,255,.12); }
.gl-resource-row { border-color:rgba(255,255,255,.08); }
.gl-resource-row:hover { background:rgba(255,255,255,.04); }
.gl-page-cta-box { border:1px solid rgba(193,109,255,.25); background:linear-gradient(120deg,#17113d,#25104a 58%,#332043); box-shadow:0 0 70px rgba(175,72,255,.09); }
.gl-footer { border-color:rgba(255,255,255,.08); color:#9f9aad; background:rgba(5,7,22,.55); }
.gl-footer-links a,.gl-consent-manage { color:#aaa5b8; }
.gl-draft { min-height:60vh; }

@media (max-width:1050px) {
  .gl-hero-grid { grid-template-columns:1fr; }
  .gl-product-window { min-height:480px; }
}
@media (max-width:760px) {
  .gl-contact-layout { grid-template-columns:1fr; }
  .gl-consent-inner { grid-template-columns:1fr; }
  .gl-consent-actions { justify-content:flex-start; }
  .gl-product-window { min-height:380px; }
  .gl-audience-card { min-height:340px; padding-top:205px; }
  .gl-page-hero::after { opacity:.12; right:-230px; }
}