:root{
  --bg:#080a14;
  --bg-soft:#0e1220;
  --panel:rgba(19,24,42,.62);
  --panel-strong:rgba(26,22,48,.72);
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f8f7ff;
  --text-soft:#e7e5f2;
  --muted:#b6b2c9;
  --subtle:#8d89a6;
  --violet:#8b5cff;
  --violet-soft:#a77bff;
  --pink:#d45bff;
  --rose:#ff6fb3;
  --orange:#ff9a3d;
  --gold:#ffc05a;
  --cyan:#39d5ff;
  --green:#24d47a;
  --shadow:0 22px 70px rgba(0,0,0,.35);
  --radius-xl:26px;
  --radius-lg:18px;
  --radius-md:14px;
  --container:1360px;
  --transition:220ms ease;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(139,92,255,.12), transparent 28%),
    radial-gradient(circle at top right, rgba(255,154,61,.10), transparent 32%),
    linear-gradient(180deg, #06070f 0%, #0a0d18 55%, #070910 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,9,16,.42), rgba(7,9,16,.82)),
    var(--global-page-image, url("../media/bg-default.webp")) center/cover no-repeat;
  opacity:.26;
  z-index:-2;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.72;
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 9% -2%, rgba(57,213,255,.18), transparent 13%),
    radial-gradient(circle at 28% -3%, rgba(82,168,255,.16), transparent 12%),
    radial-gradient(circle at 56% -2%, rgba(57,213,255,.14), transparent 13%),
    radial-gradient(circle at 82% -3%, rgba(82,168,255,.16), transparent 12%),
    linear-gradient(180deg, rgba(70,174,255,.0) 0%, rgba(70,174,255,.38) 12%, rgba(70,174,255,.06) 36%, rgba(70,174,255,0) 64%) 9% -8%/2px 118% no-repeat,
    linear-gradient(180deg, rgba(70,174,255,.0) 0%, rgba(70,174,255,.32) 10%, rgba(70,174,255,.05) 34%, rgba(70,174,255,0) 62%) 28% -16%/1px 122% no-repeat,
    linear-gradient(180deg, rgba(70,174,255,.0) 0%, rgba(70,174,255,.40) 13%, rgba(70,174,255,.08) 38%, rgba(70,174,255,0) 68%) 56% -12%/2px 120% no-repeat,
    linear-gradient(180deg, rgba(70,174,255,.0) 0%, rgba(70,174,255,.34) 12%, rgba(70,174,255,.05) 36%, rgba(70,174,255,0) 64%) 82% -4%/1px 120% no-repeat;
  filter:drop-shadow(0 0 18px rgba(57,213,255,.22));
  animation:lightningPulse 8s ease-in-out infinite;
}


@keyframes lightningPulse{
  0%,100%{opacity:.32;transform:translateY(0);}
  10%{opacity:.72;transform:translateY(4px);}
  13%{opacity:.38;transform:translateY(0);}
  28%{opacity:.58;transform:translateY(8px);}
  31%{opacity:.3;transform:translateY(0);}
  52%{opacity:.76;transform:translateY(6px);}
  56%{opacity:.34;transform:translateY(0);}
  78%{opacity:.62;transform:translateY(10px);}
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}

.container{width:min(calc(100% - 28px), var(--container));margin:0 auto}
.narrow{width:min(calc(100% - 32px), 820px)}
.site-shell{position:relative}

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(18px);
  background:rgba(8,10,20,.64);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:72px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand img{
  width:auto;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.30));
}
.brand span{
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.site-nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.nav-link{
  padding:10px 12px;
  border-radius:999px;
  color:var(--muted);
  transition:color var(--transition), background var(--transition), transform var(--transition);
  position:relative;
}
.nav-link:hover,.nav-link.is-active{
  color:var(--text);
  background:rgba(255,255,255,.04);
}
.nav-link.is-active::after{
  content:"";
  position:absolute;
  left:14px;right:14px;bottom:6px;height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--violet),var(--orange));
}
.header-actions{
  display:flex;align-items:center;gap:10px;flex-shrink:0;
}

.mobile-menu-toggle{
  display:none;
  width:48px;height:48px;border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.03);color:white;
}
.mobile-menu-toggle span{display:block;width:18px;height:2px;background:#fff;margin:5px auto;border-radius:999px}

.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 18px;border-radius:999px;
  transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);
  border:1px solid transparent;font-weight:700;
}
.button:hover{transform:translateY(-2px)}
.button.compact{min-height:40px;padding:0 14px;font-size:.9rem}
.button-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--violet),var(--orange));
  box-shadow:0 14px 32px rgba(139,92,255,.28);
}
.button-primary:hover{box-shadow:0 18px 44px rgba(139,92,255,.36)}
.button-secondary{
  color:var(--text);
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.12);
}
.button-ghost{
  color:var(--muted);
  background:transparent;
  border-color:transparent;
}

.page-hero{
  padding:20px 0 78px;
  background:
    linear-gradient(180deg, rgba(8,10,20,.42), rgba(8,10,20,.9)),
    var(--hero-image) center/cover no-repeat;
}

.hero-section{padding-top:24px}
.hero-grid{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:18px;
  align-items:stretch;
}
.glass-card{
  position:relative;
  background:linear-gradient(180deg, rgba(24,28,49,.66), rgba(18,20,37,.72));
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow);
  backdrop-filter:blur(20px);
}
.glass-card::before{
  content:"";
  position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;
}
.glow-card{
  box-shadow:var(--shadow), 0 0 0 1px rgba(139,92,255,.08), 0 0 60px rgba(139,92,255,.15);
}

.hero-copy,.hero-media,.inner-hero,.notice-panel,.milestone-panel,.steps-panel,.cta-panel,.rules-toolbar,.rules-aside,.store-placeholder,.legal-card{
  padding:20px;
}
.hero-logo{
  width:144px;
  margin-bottom:18px;
  filter:drop-shadow(0 16px 32px rgba(0,0,0,.34));
}
.eyebrow{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.78rem;
  font-weight:700;
  margin-bottom:14px;
}
h1,h2,h3,h4,p{margin:0}
h1{
  font-size:clamp(2.2rem, 4vw, 3.95rem);
  line-height:.98;
  letter-spacing:-.03em;
  max-width:10.2ch;
  margin-bottom:18px;
}
.inner-hero h1{max-width:none}
h2{
  font-size:clamp(1.9rem, 3.4vw, 3rem);
  line-height:1.02;
  letter-spacing:-.03em;
  margin-bottom:12px;
}
h3{
  font-size:1.24rem;
  line-height:1.15;
  margin-bottom:10px;
}
.lead{
  font-size:1rem;
  line-height:1.62;
  color:var(--text-soft);
}
.hero-buttons{
  display:flex;gap:12px;flex-wrap:wrap;
  margin-top:20px;
}
.hero-pill-row{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:18px
}
.mini-pill{
  padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--muted);font-size:.86rem
}

.hero-media{
  display:flex;flex-direction:column;gap:14px;justify-content:center
}
.video-frame{
  border-radius:22px;overflow:hidden;background:#06070f;border:1px solid rgba(255,255,255,.06);
  aspect-ratio:9/16;max-height:450px;
}
.video-frame video{width:100%;height:100%;object-fit:cover}
.video-copy p{color:var(--muted);line-height:1.68}

.stats-section{
  margin-top:-38px;
  position:relative;
  z-index:2;
}
.stats-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.stat-card{padding:18px}
.stat-label{
  display:block;color:var(--subtle);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;margin-bottom:12px
}
.stat-card strong{display:block;font-size:1.08rem;margin-bottom:10px}
.stat-card p{color:var(--muted);line-height:1.55}

.content-section{padding:64px 0}
.split-section{
  display:grid;grid-template-columns:1fr .96fr;gap:20px;align-items:center
}
.section-copy p{
  color:var(--muted);
  line-height:1.8;
  margin-top:14px;
}
.bullet-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px
}
.bullet-card{padding:20px}
.bullet-card strong{display:block;margin-bottom:8px}
.bullet-card span{color:var(--muted);line-height:1.55;font-size:.96rem}
.image-card{overflow:hidden;padding:0}
.image-card img{width:100%;height:100%;object-fit:cover;min-height:340px}

.section-heading{margin-bottom:22px}
.section-heading.centered{text-align:center}
.section-heading.centered p{
  width:min(100%,780px);margin:0 auto;color:var(--muted);line-height:1.75
}
.feature-grid,.world-grid,.update-grid,.team-grid,.legal-grid,.value-grid{
  display:grid;gap:12px
}
.feature-grid,.world-grid{grid-template-columns:repeat(3,1fr)}
.value-grid{grid-template-columns:repeat(3,1fr)}
.update-grid{grid-template-columns:repeat(3,1fr)}
.team-grid{grid-template-columns:repeat(3,1fr)}
.legal-grid{grid-template-columns:repeat(2,1fr)}
.feature-card,.world-card,.update-card,.team-card,.value-card{padding:20px}
.feature-icon,.value-card span{
  display:inline-grid;place-items:center;
  width:40px;height:40px;border-radius:12px;margin-bottom:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  font-size:1.15rem;color:var(--gold);
}
.feature-card p,.world-card p,.update-card ul,.value-card p,.team-card p,.legal-card p{
  color:var(--muted);line-height:1.65
}
.world-card h3,.feature-card h3,.value-card h3{margin-bottom:10px}
.update-card ul{padding-left:18px;margin-top:10px}
.update-card li+li{margin-top:8px}

.gallery-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.gallery-card{overflow:hidden;padding:0}
.gallery-card img{width:100%;height:220px;object-fit:cover}
.gallery-copy{padding:20px}
.gallery-copy p{color:var(--muted);line-height:1.65}

.steps-panel{padding:32px}
.steps-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px
}
.steps-grid article{
  padding:20px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.steps-grid span{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:14px;background:rgba(139,92,255,.14);color:#fff;font-weight:800;margin-bottom:12px
}
.steps-grid p{color:var(--muted);line-height:1.58}

.cta-panel{
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px
}
.cta-panel p{color:var(--muted);line-height:1.7;margin-top:12px}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}

.inner-hero{
  text-align:center;
  margin:28px auto 0;
  padding:30px 24px;
}
.inner-hero .lead{max-width:760px;margin:0 auto}

.timeline-shell{
  position:relative;
  display:grid;
  gap:14px;
}
.timeline-line{
  position:absolute;
  left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(255,192,90,.0), rgba(255,192,90,.9), rgba(139,92,255,.75), rgba(255,192,90,0));
  opacity:.6;
}
.timeline-item{
  width:min(48%, 560px);
  padding:20px;
}
.timeline-item:nth-child(odd){margin-left:auto}
.timeline-date{
  display:inline-flex;
  padding:8px 12px;border-radius:999px;
  background:rgba(255,154,61,.12);color:var(--gold);border:1px solid rgba(255,154,61,.26);margin-bottom:12px;
  text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700
}
.timeline-item p{color:var(--muted);line-height:1.7}

.milestone-panel,.notice-panel{text-align:left}
.notice-panel h2,.milestone-panel h2{margin-bottom:14px}
.notice-panel p,.milestone-panel p{color:var(--muted);line-height:1.76}
.notice-panel p + p{margin-top:14px}

.rules-shell{display:grid;gap:18px}
.rules-toolbar{
  display:grid;grid-template-columns:1fr;gap:18px
}
.tab-list{display:flex;flex-wrap:wrap;gap:10px}
.tab-pill{
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--muted);
  padding:10px 14px;border-radius:999px;cursor:pointer;transition:all var(--transition);font-weight:600
}
.tab-pill.is-active,.tab-pill:hover{
  color:var(--text);background:rgba(139,92,255,.14);border-color:rgba(139,92,255,.28)
}
.rules-search input{
  width:100%;min-height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);color:var(--text);padding:0 18px;outline:none
}
.rules-layout{
  display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start
}
.rules-aside ul{margin:14px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}
.rules-content{display:grid;gap:12px}
.rule-section{padding:0;overflow:hidden}
.rule-section-header{
  padding:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer
}
.rule-section-header h3{margin:0}
.rule-section-header p{color:var(--muted);line-height:1.6;max-width:75ch}
.rule-chevron{width:18px;height:18px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform var(--transition)}
.rule-section.is-open .rule-chevron{transform:rotate(225deg)}
.rule-section-body{
  display:none;padding:0 20px 20px
}
.rule-section.is-open .rule-section-body{display:block}
.rule-list{display:grid;gap:12px}
.rule-item{
  padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)
}
.rule-item strong{display:block;margin-bottom:8px}
.rule-item p{color:var(--muted);line-height:1.7}
.hidden{display:none!important}

.store-placeholder{
  min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start
}
.store-placeholder ul{margin:16px 0 0;padding-left:18px;color:var(--text-soft);line-height:1.8}

.team-avatar{
  width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--violet),var(--orange));
  display:grid;place-items:center;font-size:1.4rem;font-weight:800;margin-bottom:16px
}
.team-role{margin-bottom:14px}
.badge-row{display:flex;flex-wrap:wrap;gap:10px}
.badge-row span{
  padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-soft);font-size:.88rem
}
.team-card.accent-sunset .team-avatar{background:linear-gradient(135deg,var(--orange),var(--gold))}
.team-card.accent-violet .team-avatar{background:linear-gradient(135deg,var(--violet),var(--pink))}
.team-card.accent-cyan .team-avatar{background:linear-gradient(135deg,var(--cyan),var(--violet))}
.team-card.accent-pink .team-avatar{background:linear-gradient(135deg,var(--rose),var(--pink))}
.team-card.accent-green .team-avatar{background:linear-gradient(135deg,var(--green),var(--cyan))}

.site-footer{
  padding:54px 0 28px;
  border-top:1px solid rgba(255,255,255,.06);
  background:rgba(6,8,15,.58);
}
.footer-grid{
  display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:24px
}
.footer-brand{display:flex;gap:14px;align-items:flex-start}
.footer-brand img{width:86px;height:86px;object-fit:contain}
.footer-brand p,.footer-links{color:var(--muted)}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li+li{margin-top:10px}
.footer-bottom{
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  color:var(--subtle);font-size:.86rem;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)
}

.hero-copy,.hero-media{align-self:start}
.hero-media .video-copy{padding-right:8px}
.rule-section-header > div{min-width:0}

@media (max-width: 1080px){
  .hero-grid,.split-section,.rules-layout,.cta-panel,.footer-grid{grid-template-columns:1fr}
  .stats-grid,.feature-grid,.world-grid,.gallery-grid,.update-grid,.team-grid,.value-grid,.steps-grid,.legal-grid,.bullet-grid{grid-template-columns:repeat(2,1fr)}
  .timeline-line{left:20px;transform:none}
  .timeline-item,.timeline-item:nth-child(odd){width:100%;margin-left:0;padding-left:54px}
}

@media (max-width: 820px){
  .mobile-menu-toggle{display:block}
  .site-nav{
    position:fixed;top:84px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;
    padding:18px;border-radius:24px;background:rgba(9,11,22,.94);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)
  }
  body.menu-open .site-nav{display:flex}
  .nav-link{padding:14px 16px}
  .header-actions{display:none}
  .stats-grid,.feature-grid,.world-grid,.gallery-grid,.update-grid,.team-grid,.value-grid,.steps-grid,.legal-grid,.bullet-grid{grid-template-columns:1fr}
  .hero-copy,.hero-media,.inner-hero,.notice-panel,.milestone-panel,.steps-panel,.cta-panel,.rules-toolbar,.rules-aside,.store-placeholder,.legal-card{padding:20px}
  h1{font-size:clamp(2.2rem, 11vw, 3.6rem)}
  .hero-logo{width:132px}
  .video-frame{max-height:none}
  .brand span{display:none}
}

@media (max-width: 560px){
  .page-hero{padding-bottom:72px}
  .stats-section{margin-top:-34px}
  .container{width:min(calc(100% - 16px), var(--container))}
  .button{width:100%}
  .hero-buttons,.cta-actions{flex-direction:column}
  .mini-pill{width:100%;text-align:center}
  .timeline-item{padding-left:44px}
  .timeline-line{left:14px}
}


/* --- V4 overrides: tatsächlich kompakter + Blitz-Effekt + Regelwerk-Fix --- */
:root{--container:1440px;}
.page-hero{padding:14px 0 56px !important;}
.hero-section{padding-top:12px !important;}
.hero-grid{grid-template-columns:1.02fr .98fr !important;gap:16px !important;align-items:start !important;}
.hero-copy,.hero-media,.inner-hero,.notice-panel,.milestone-panel,.steps-panel,.cta-panel,.rules-toolbar,.rules-aside,.store-placeholder,.legal-card{padding:20px !important;}
.hero-logo{width:130px !important;margin-bottom:14px !important;}
h1{font-size:clamp(2rem,3.25vw,3.35rem) !important;max-width:10.2ch !important;margin-bottom:14px !important;}
h2{font-size:clamp(1.7rem,2.4vw,2.45rem) !important;margin-bottom:10px !important;}
h3{font-size:1.08rem !important;margin-bottom:8px !important;}
.lead,.section-copy p,.section-heading.centered p,.video-copy p,.stat-card p,.feature-card p,.world-card p,.update-card ul,.value-card p,.team-card p,.legal-card p,.notice-panel p,.milestone-panel p,.rule-item p{font-size:.96rem !important;line-height:1.58 !important;}
.button{min-height:42px !important;padding:0 16px !important;font-size:.95rem !important;}
.button.compact{min-height:38px !important;padding:0 13px !important;font-size:.86rem !important;}
.hero-buttons{gap:10px !important;margin-top:16px !important;}
.hero-pill-row{gap:8px !important;margin-top:14px !important;}
.mini-pill{padding:7px 11px !important;font-size:.82rem !important;}
.video-frame{max-height:380px !important;border-radius:18px !important;}
.stats-section{margin-top:-24px !important;}
.stats-grid{gap:10px !important;}
.stat-card{padding:16px !important;min-height:144px;}
.stat-card strong{font-size:1rem !important;margin-bottom:8px !important;}
.content-section{padding:50px 0 !important;}
.split-section{gap:18px !important;align-items:start !important;}
.bullet-grid,.feature-grid,.world-grid,.gallery-grid,.update-grid,.team-grid,.value-grid,.steps-grid,.legal-grid{gap:12px !important;}
.bullet-card,.feature-card,.world-card,.update-card,.team-card,.value-card{padding:18px !important;}
.image-card img{min-height:300px !important;}
.gallery-card img{height:210px !important;}
.steps-grid article{padding:16px !important;}
.steps-grid span{width:36px !important;height:36px !important;border-radius:12px !important;}
.cta-panel{padding:22px !important;gap:18px !important;}
.site-footer{padding:46px 0 24px !important;}
.rules-toolbar{padding:18px !important;gap:14px !important;}
.rules-layout{grid-template-columns:250px 1fr !important;gap:14px !important;align-items:start !important;}
.tab-list{gap:8px !important;}
.tab-pill{padding:9px 13px !important;font-size:.95rem !important;}
.rules-search input{min-height:50px !important;padding:0 16px !important;}
.rule-section{overflow:hidden !important;}
.rule-section-header{width:100% !important;text-align:left !important;border:0 !important;background:transparent !important;color:inherit !important;padding:16px 18px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;appearance:none !important;-webkit-appearance:none !important;box-shadow:none !important;}
.rule-section-header:hover{background:rgba(255,255,255,.02) !important;}
.rule-section-header h3{font-size:1rem !important;}
.rule-section-header p{font-size:.92rem !important;line-height:1.45 !important;color:var(--muted) !important;}
.rule-section-body{padding:0 18px 18px !important;}
.rule-list{gap:10px !important;}
.rule-item{padding:14px !important;border-radius:14px !important;}
.rule-item strong{margin-bottom:6px !important;}
.site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 10% 0%, rgba(46,161,255,.32), transparent 12%),
    radial-gradient(circle at 34% 0%, rgba(46,161,255,.22), transparent 10%),
    radial-gradient(circle at 58% 0%, rgba(46,161,255,.28), transparent 11%),
    radial-gradient(circle at 86% 0%, rgba(46,161,255,.24), transparent 10%),
    linear-gradient(180deg, rgba(53,163,255,0) 0%, rgba(53,163,255,.95) 10%, rgba(53,163,255,.18) 23%, rgba(53,163,255,0) 56%) 10% 0/3px 100% no-repeat,
    linear-gradient(180deg, rgba(53,163,255,0) 0%, rgba(53,163,255,.8) 11%, rgba(53,163,255,.14) 25%, rgba(53,163,255,0) 54%) 34% 0/2px 100% no-repeat,
    linear-gradient(180deg, rgba(53,163,255,0) 0%, rgba(53,163,255,.9) 9%, rgba(53,163,255,.16) 24%, rgba(53,163,255,0) 55%) 58% 0/3px 100% no-repeat,
    linear-gradient(180deg, rgba(53,163,255,0) 0%, rgba(53,163,255,.82) 12%, rgba(53,163,255,.14) 26%, rgba(53,163,255,0) 57%) 86% 0/2px 100% no-repeat;
  filter:drop-shadow(0 0 14px rgba(46,161,255,.75)) drop-shadow(0 0 32px rgba(46,161,255,.24));
  opacity:.9;
  animation:ilrpBoltPulse 6.2s linear infinite;
}
@keyframes ilrpBoltPulse{
  0%,100%{opacity:.42;}
  6%{opacity:.95;}
  9%{opacity:.46;}
  22%{opacity:.82;}
  25%{opacity:.38;}
  47%{opacity:.98;}
  50%{opacity:.4;}
  73%{opacity:.86;}
  76%{opacity:.44;}
}
@media (max-width:1080px){
  .rules-layout,.hero-grid,.split-section,.cta-panel,.footer-grid{grid-template-columns:1fr !important;}
}
@media (max-width:820px){
  .hero-copy,.hero-media,.inner-hero,.notice-panel,.milestone-panel,.steps-panel,.cta-panel,.rules-toolbar,.rules-aside,.store-placeholder,.legal-card{padding:18px !important;}
  h1{font-size:clamp(1.95rem,10vw,3rem) !important;}
}


/* --- Logo Reset V1 overrides --- */
:root{
  --container: 1440px;
}
body{
  background:
    radial-gradient(circle at 14% 12%, rgba(147,84,255,.14), transparent 28%),
    radial-gradient(circle at 78% 10%, rgba(255,154,61,.10), transparent 26%),
    linear-gradient(180deg, #05040b 0%, #090612 52%, #06040d 100%);
}
body::before{
  background:
    linear-gradient(180deg, rgba(8,5,14,.42), rgba(8,5,14,.82)),
    var(--global-page-image, url("../media/bg-default.webp")) center/cover no-repeat;
  opacity:.34;
}
body::after{
  opacity:.48;
  background:
    radial-gradient(circle at 14% -4%, rgba(154,98,255,.20), transparent 14%),
    radial-gradient(circle at 52% -4%, rgba(255,129,92,.14), transparent 14%),
    radial-gradient(circle at 84% -4%, rgba(154,98,255,.16), transparent 14%),
    linear-gradient(180deg, rgba(170,104,255,.0) 0%, rgba(170,104,255,.26) 12%, rgba(170,104,255,.05) 42%, rgba(170,104,255,0) 75%) 14% -10%/2px 122% no-repeat,
    linear-gradient(180deg, rgba(255,146,84,.0) 0%, rgba(255,146,84,.22) 14%, rgba(255,146,84,.04) 44%, rgba(255,146,84,0) 76%) 52% -12%/1px 122% no-repeat,
    linear-gradient(180deg, rgba(170,104,255,.0) 0%, rgba(170,104,255,.24) 15%, rgba(170,104,255,.05) 44%, rgba(170,104,255,0) 78%) 84% -8%/2px 122% no-repeat;
  filter:drop-shadow(0 0 16px rgba(164,97,255,.18));
}
.site-header{
  position:sticky;
  top:14px;
  width:min(calc(100% - 32px), 1760px);
  margin:0 auto;
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(12,8,22,.72), rgba(10,7,20,.58));
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:none;
}
.header-inner{
  min-height:62px;
  gap:12px;
}
.brand img{
  width:34px;
  height:34px;
}
.brand{
  gap:0;
}
.brand span{display:none !important}
.site-nav{
  gap:2px;
}
.nav-link{
  padding:9px 12px;
  font-size:.96rem;
  font-weight:700;
}
.nav-link.is-active, .nav-link:hover{
  background:transparent;
}
.nav-link.is-active::after{
  bottom:4px;
}
.header-actions{
  gap:8px;
}
.button.compact{
  min-height:36px;
  padding:0 14px;
  font-size:.84rem;
}
.page-hero{
  padding:16px 0 78px;
  background:
    linear-gradient(180deg, rgba(8,5,14,.34), rgba(8,5,14,.88)),
    var(--hero-image) center/cover no-repeat;
}
.hero-focus-section{
  min-height:calc(100vh - 130px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 0 28px;
}
.hero-focus-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:center;
}
.hero-logo-shell{
  position:relative;
  width:min(920px, 78vw);
  animation:heroFloat 6.8s ease-in-out infinite;
  transform-origin:center center;
  will-change:transform;
}
.hero-logo-shell::before{
  content:"";
  position:absolute;
  inset:11% 16% 16%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,149,76,.18), transparent 44%),
    radial-gradient(circle at 50% 40%, rgba(166,94,255,.16), transparent 52%);
  filter:blur(28px);
  z-index:0;
}
.hero-logo-main{
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  margin:0 auto;
  transition:transform 220ms ease, filter 220ms ease;
  filter:
    drop-shadow(0 18px 36px rgba(0,0,0,.34))
    drop-shadow(0 0 44px rgba(161,93,255,.22))
    drop-shadow(0 0 88px rgba(255,113,179,.12));
}

.hero-logo-shell:hover .hero-logo-main{
  transform:scale(1.035);
  filter:
    drop-shadow(0 20px 40px rgba(0,0,0,.38))
    drop-shadow(0 0 56px rgba(161,93,255,.34))
    drop-shadow(0 0 110px rgba(255,113,179,.22))
    drop-shadow(0 0 150px rgba(255,154,61,.18));
}
@keyframes heroFloat{
  0%,100%{transform:translateY(0px);}
  50%{transform:translateY(-14px);}
}

.hero-tagline-main{
  margin:-2px 0 0;
  font-size:clamp(1rem, 1.22vw, 1.28rem);
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#ffb46d;
  text-shadow:0 0 18px rgba(255,159,67,.18);
}
.hero-buttons-centered{
  justify-content:center;
  margin-top:0;
  gap:18px;
}
.hero-main-button{
  min-width:320px;
  min-height:56px;
  font-size:1rem;
}
.hero-copy .hero-logo{display:none;}
.hero-grid{
  grid-template-columns:1fr;
}
.hero-copy,
.hero-media{display:none;}
@media (max-width: 1040px){
  .site-header{
    width:calc(100% - 20px);
    top:10px;
  }
  .hero-focus-section{
    min-height:calc(100vh - 116px);
  }
  .hero-logo-shell{
    width:min(760px, 84vw);
  }
}
@media (max-width: 760px){
  .site-header{
    border-radius:18px;
  }
  .header-inner{
    min-height:56px;
  }
  .hero-focus-section{
    min-height:calc(100vh - 108px);
    padding:6px 0 20px;
  }
  .hero-logo-shell{
    width:min(92vw, 560px);
  }
  .hero-tagline-main{
    font-size:.92rem;
    letter-spacing:.14em;
    max-width:94%;
  }
  .hero-buttons-centered{
    width:100%;
    gap:12px;
  }
  .hero-main-button{
    min-width:0;
    width:100%;
    min-height:50px;
  }
}


/* V5 huge hero overrides */
.page-home .page-hero{padding:12px 0 24px;}
.page-home .hero-focus-section{
  min-height:calc(100vh - 86px);
  align-items:flex-start;
  padding:28px 0 10px;
}
.page-home .hero-focus-inner{
  min-height:calc(100vh - 130px);
  justify-content:flex-start;
  gap:10px;
}
.page-home .hero-logo-shell{
  width:min(1500px, 92vw);
  max-width:1500px;
}
.page-home .hero-logo-shell::before{
  inset:8% 14% 10%;
  filter:blur(44px);
}
.page-home .hero-logo-main{
  filter:
    drop-shadow(0 24px 40px rgba(0,0,0,.36))
    drop-shadow(0 0 64px rgba(161,93,255,.28))
    drop-shadow(0 0 120px rgba(255,113,179,.18));
}
.page-home .hero-logo-shell:hover .hero-logo-main{
  transform:scale(1.045);
  filter:
    drop-shadow(0 24px 44px rgba(0,0,0,.38))
    drop-shadow(0 0 80px rgba(161,93,255,.40))
    drop-shadow(0 0 140px rgba(255,113,179,.28))
    drop-shadow(0 0 180px rgba(255,154,61,.22));
}
.page-home .hero-tagline-main{
  margin-top:-12px;
  font-size:clamp(1.08rem, 1.34vw, 1.4rem);
}
.page-home .hero-buttons-centered{
  margin-top:8px;
}
.page-home .stats-section{
  margin-top:18px !important;
}
@media (max-width: 1280px){
  .page-home .hero-logo-shell{width:min(1300px, 94vw);}
}
@media (max-width: 1040px){
  .page-home .hero-focus-section{min-height:calc(100vh - 82px); padding-top:24px;}
  .page-home .hero-focus-inner{min-height:calc(100vh - 120px);}
  .page-home .hero-logo-shell{width:min(1120px, 96vw);}
}
@media (max-width: 760px){
  .page-home .hero-focus-section{min-height:calc(100vh - 76px); padding-top:18px;}
  .page-home .hero-focus-inner{min-height:calc(100vh - 104px); gap:12px;}
  .page-home .hero-logo-shell{width:min(98vw, 900px);}
  .page-home .hero-tagline-main{margin-top:-4px; font-size:.94rem; letter-spacing:.16em;}
  .page-home .stats-section{margin-top:12px !important;}
}


/* V6 hero size correction */
.page-home .page-hero{padding:12px 0 0 !important;}
.page-home .hero-focus-section{
  min-height:calc(100vh - 84px) !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  padding:20px 0 0 !important;
}
.page-home .hero-focus-inner{
  min-height:calc(100vh - 110px) !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
.page-home .hero-logo-shell{
  width:min(1040px, 68vw) !important;
  max-width:1040px !important;
  margin:0 auto !important;
  animation:heroFloatV6 8s ease-in-out infinite !important;
}
.page-home .hero-logo-shell::before{
  inset:8% 10% 12% !important;
  filter:blur(50px) !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(255,149,76,.22), transparent 40%),
    radial-gradient(circle at 50% 38%, rgba(166,94,255,.18), transparent 48%) !important;
}
.page-home .hero-logo-main{
  filter:
    drop-shadow(0 28px 44px rgba(0,0,0,.38))
    drop-shadow(0 0 72px rgba(161,93,255,.32))
    drop-shadow(0 0 140px rgba(255,113,179,.20)) !important;
}
.page-home .hero-logo-shell:hover .hero-logo-main{
  transform:scale(1.035) !important;
  filter:
    drop-shadow(0 30px 48px rgba(0,0,0,.40))
    drop-shadow(0 0 88px rgba(161,93,255,.48))
    drop-shadow(0 0 160px rgba(255,113,179,.30))
    drop-shadow(0 0 210px rgba(255,154,61,.24)) !important;
}
.page-home .hero-tagline-main{
  margin-top:-26px !important;
  font-size:clamp(1.06rem, 1.35vw, 1.42rem) !important;
  letter-spacing:.22em !important;
}
.page-home .hero-buttons-centered{
  margin-top:6px !important;
  gap:18px !important;
}
.page-home .hero-main-button{
  min-width:376px !important;
  min-height:58px !important;
}
.page-home .stats-section{
  margin-top:48px !important;
}
@keyframes heroFloatV6{
  0%,100%{transform:translateY(0px);}
  50%{transform:translateY(-16px);}
}
@media (max-width: 1440px){
  .page-home .hero-logo-shell{width:min(960px, 70vw) !important; max-width:960px !important;}
}
@media (max-width: 1040px){
  .page-home .hero-focus-section{min-height:calc(100vh - 82px) !important; padding-top:18px !important;}
  .page-home .hero-focus-inner{min-height:calc(100vh - 108px) !important;}
  .page-home .hero-logo-shell{width:min(820px, 82vw) !important; max-width:820px !important;}
  .page-home .hero-tagline-main{margin-top:-18px !important;}
}
@media (max-width: 760px){
  .page-home .hero-focus-section{min-height:calc(100vh - 74px) !important; padding-top:14px !important;}
  .page-home .hero-focus-inner{min-height:calc(100vh - 96px) !important; gap:10px !important;}
  .page-home .hero-logo-shell{width:min(94vw, 660px) !important; max-width:660px !important;}
  .page-home .hero-tagline-main{margin-top:-10px !important; font-size:.94rem !important; letter-spacing:.16em !important;}
  .page-home .hero-main-button{min-width:0 !important; width:100% !important; min-height:52px !important;}
}


/* Hero hotfix: großes mittiges Logo + Buttons darunter */
.hero-focus-section{
  min-height:calc(100vh - 92px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:38px;
  padding-bottom:22px;
}
.hero-focus-inner{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  gap:18px;
}
.hero-logo-shell{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:10px;
  margin-bottom:4px;
}
.hero-logo.hero-logo-main{
  width:min(72vw, 930px) !important;
  max-width:none;
  height:auto;
  margin:0 auto;
  display:block;
  filter:drop-shadow(0 0 28px rgba(255,122,188,.22)) drop-shadow(0 20px 60px rgba(0,0,0,.38));
  animation:heroFloat 5.5s ease-in-out infinite;
  transform-origin:center center;
}
.hero-logo.hero-logo-main:hover{
  filter:drop-shadow(0 0 34px rgba(255,122,188,.38)) drop-shadow(0 0 70px rgba(214,91,255,.28)) drop-shadow(0 20px 60px rgba(0,0,0,.42));
}
.hero-tagline.hero-tagline-main{
  margin:0;
  font-size:clamp(1.1rem, 1.8vw, 2rem);
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--gold);
}
.hero-buttons.hero-buttons-centered{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
  margin-top:0;
}
.hero-main-button{
  min-width:380px;
  min-height:72px;
  font-size:1.08rem;
}
.stats-section{
  margin-top:28px;
}
@keyframes heroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@media (max-width: 1200px){
  .hero-logo.hero-logo-main{width:min(78vw, 780px) !important;}
}
@media (max-width: 900px){
  .hero-focus-section{min-height:auto;padding-top:26px;padding-bottom:20px;}
  .hero-logo.hero-logo-main{width:min(88vw, 680px) !important;}
  .hero-tagline.hero-tagline-main{font-size:clamp(.95rem, 2.5vw, 1.4rem);letter-spacing:.18em;}
  .hero-main-button{min-width:300px;min-height:62px;}
}
@media (max-width: 560px){
  .hero-logo.hero-logo-main{width:min(92vw, 520px) !important;}
  .hero-main-button{min-width:100%;width:100%;}
  .hero-buttons.hero-buttons-centered{width:100%;}
}