:root{--bg:#030305;--panel:#0b0c10;--muted:#a4a4ad;--blue:#007bff;--red:#ff140d;--border:#252a35}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:#f4f5f7;font:14px Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
nav{height:90px;max-width:1400px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;position:relative;z-index:5}
.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:28px;letter-spacing:1px;line-height:.85;display:flex;align-items:center;gap:10px}
.logo b{font-size:39px;color:var(--blue);font-style:italic}
.logo small{font:8px Inter,sans-serif;letter-spacing:6px;display:block;margin-top:7px}
.navlinks{display:flex;gap:32px;font-size:12px;color:#b9beca}
.navlinks a:hover{color:white}
.btn{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:17px 23px;background:var(--blue);border:1px solid var(--blue);font-weight:700;font-size:12px;color:#fff}
.btn:hover{background:#0099ff}
.btn.outline{background:transparent;border-color:#ffffff45}
.nav-cta{padding:12px 19px}
.menu{display:none;background:none;color:white;border:0;font-size:24px}
.hero{max-width:1600px;margin:auto;position:relative;min-height:670px;display:flex;align-items:center;padding:65px 6% 85px;overflow:hidden}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030305 4%,#030305f0 32%,#03030540 67%,#03030510),linear-gradient(0deg,#030305,transparent 35%);pointer-events:none}
.hero-image{position:absolute;inset:0 0 0 32%;background:url('/assets/img/site/console.jpg') center 53%/cover;opacity:.83}
.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#1c40c733,transparent 60%)}
.hero-content{position:relative;z-index:1;max-width:660px}
.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700;color:#b5bdd0;display:flex;align-items:center;gap:10px}
.eyebrow:before{content:'';width:22px;height:2px;background:var(--blue)}
h1,h2,h3,.big{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}
h1{font-size:clamp(70px,8.2vw,123px);line-height:.88;letter-spacing:-2px;margin:27px 0}
h1 span{color:#008cff}
h1 em{font-style:normal;-webkit-text-stroke:1px #d9e1f0;color:transparent}
p{color:var(--muted);line-height:1.85}
.hero p{max-width:390px;font-size:13px}
.hero-actions{display:flex;gap:12px;margin-top:29px}
.hero-note{display:flex;align-items:center;gap:11px;font-size:10px;color:#a3aabd;margin-top:30px}
.dot{width:6px;height:6px;background:#008cff;border-radius:50%}
.side-label{position:absolute;z-index:1;right:5%;bottom:73px;writing-mode:vertical-rl;letter-spacing:4px;font-size:9px;color:#ced4e0}
.ticker{border-block:1px solid var(--border);background:#10141e;padding:21px 5%;display:flex;justify-content:space-around;gap:24px;font:700 18px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;overflow:hidden;white-space:nowrap}
.ticker span{color:#536277}
.section{max-width:1400px;padding:85px 6%;margin:auto}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}
h2{font-size:clamp(39px,4.5vw,61px);line-height:1;margin:15px 0 0;letter-spacing:-.5px}
.section-top p{max-width:320px;font-size:12px;margin:0}
.zones{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:17px}
.zone{border:1px solid var(--border);background:var(--panel);padding:28px;min-height:310px;position:relative;display:flex;flex-direction:column;overflow:hidden}
.zone:first-child{background:linear-gradient(140deg,#001b3c,#0b0c10 70%)}
.zone:before{content:attr(data-number);position:absolute;right:16px;top:4px;font:900 120px 'Barlow Condensed',Impact,sans-serif;color:#ffffff04}
.zone-icon{height:80px;display:flex;align-items:center;color:#008cff}
.zone-icon svg{width:78px;height:60px;stroke:currentColor;fill:none;stroke-width:1.7}
.zone h3{font-size:29px;margin:24px 0 7px;letter-spacing:.4px}
.zone p{font-size:12px;margin:0 0 20px;max-width:270px}
.zone .tag{font-size:9px;letter-spacing:1.5px;color:#009dff;font-weight:700}
.zone a{margin-top:auto;font-size:11px;display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid #ffffff12}
.zone:nth-child(2) .zone-icon,.zone:nth-child(2) .tag{color:#ff352e}
.zone:nth-child(3) .zone-icon,.zone:nth-child(3) .tag{color:#00b9eb}
.experience{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.experience-visual{position:relative;min-height:400px;background:linear-gradient(145deg,#001b3c,#0b0c10);padding:45px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.experience-visual:before{content:'';position:absolute;border:1px solid #007bff40;width:280px;height:280px;border-radius:50%}
.experience-visual:after{content:'';position:absolute;border:1px solid #007bff20;width:370px;height:370px;border-radius:50%}
.controller{width:320px;filter:drop-shadow(0 20px 20px #0009);z-index:1;transform:rotate(-13deg)}
.caption{position:absolute;bottom:22px;left:25px;z-index:2;font-size:9px;letter-spacing:2px;color:#a7b4d1}
.experience p{font-size:12px;max-width:420px;margin-top:23px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:25px;font-size:11px}
.features span:before{content:'→';color:#008cff;margin-right:10px}
.pricing-wrap{background:#10131a;border-block:1px solid var(--border)}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303542;margin-top:32px}
.price{padding:29px 23px;border-right:1px solid #303542}
.price:last-child{border:0}
.price .label{font-size:10px;letter-spacing:2px;color:#aab4c8}
.price .amount{font:700 43px 'Barlow Condensed',Impact,sans-serif;margin-top:21px}
.price .amount small{font:10px Inter,sans-serif;color:#8b95a9}
.price p{font-size:10px;margin-bottom:0}
.pricing-note{font-size:10px;margin-top:16px}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.location-card{background:#131925;border:1px solid var(--border);padding:32px;position:relative;overflow:hidden}
.location-card:before{content:'';position:absolute;right:-45px;top:-40px;width:240px;height:240px;border:40px solid #007bff09;border-radius:50%;pointer-events:none}
.location-card h3{font-size:31px;margin:20px 0 4px}
.location-card p{font-size:12px}
.location-card .btn{margin-top:20px}
.hours{margin-top:28px;border-top:1px solid var(--border)}
.hours div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--border);font-size:12px}
.hours span{color:#9ca6b9}
.final-cta{margin:0 6% 60px;padding:48px;background:var(--blue);display:flex;align-items:center;justify-content:space-between;gap:25px}
.final-cta h2{font-size:48px;margin:0}
.final-cta p{color:#d6dfff;font-size:12px;margin:9px 0 0}
.final-cta .btn{background:#0d1429;border:0;white-space:nowrap}
footer{max-width:1400px;margin:auto;border-top:1px solid var(--border);padding:30px 6%;display:flex;justify-content:space-between;align-items:center;color:#778297;font-size:10px}
.footer-logo{color:white;font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;font-weight:800}
.lang{background:none;color:#bac4d7;border:1px solid #364056;padding:5px 9px;font-size:10px}
.faq{border-top:1px solid var(--border);padding:19px 0}
summary{cursor:pointer;font-size:12px;font-weight:600}
.faq p{font-size:12px;max-width:470px}
.navlinks a:focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:5px}
 @media(min-width:1500px){.hero{padding-inline:calc((100% - 1232px)/2)}
}
@media(max-width:900px){.navlinks{gap:18px}
.hero{min-height:630px}
.zones{grid-template-columns:1fr 1fr}
.zone:first-child{grid-column:span 2}
.experience,.visit{gap:30px}
.pricing{grid-template-columns:1fr 1fr}
.price:nth-child(2){border-right:0}
.price:nth-child(-n+2){border-bottom:1px solid #303542}
.experience-visual{min-height:350px}
.controller{width:250px}
.features{grid-template-columns:1fr}
.final-cta{padding:35px}
}
@media(max-width:600px){nav{height:76px;padding:0 6%}
.nav-cta{display:none}
.menu{display:block}
.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#111725;padding:25px;flex-direction:column;gap:24px}
.navlinks.open{display:flex}
.hero{min-height:665px;padding-top:55px;padding-bottom:65px;align-items:flex-start}
.hero-image{inset:0 0 0 0;opacity:.4;background-position:62% center}
.hero:after{background:linear-gradient(90deg,#030305ed,#03030570),linear-gradient(0deg,#030305,transparent)}
h1{font-size:83px;letter-spacing:-1px}
.hero p{max-width:290px}
.hero-actions{flex-wrap:wrap}
.side-label{display:none}
.ticker{font-size:14px;justify-content:flex-start;padding:18px 6%;gap:25px}
.section{padding:60px 6%}
.section-top{display:block}
.section-top p{margin-top:20px}
.zones{grid-template-columns:1fr}
.zone:first-child{grid-column:auto}
.zone{min-height:285px}
.experience,.visit{grid-template-columns:1fr}
.experience{gap:35px}
.experience-visual{min-height:310px}
.experience h2{font-size:48px}
.pricing .price{padding:25px 17px}
.amount{font-size:36px!important}
.final-cta{display:block;margin-bottom:40px;padding:30px}
.final-cta h2{font-size:40px}
.final-cta .btn{margin-top:25px}
footer{gap:20px;align-items:start;flex-wrap:wrap}
.features{grid-template-columns:1fr 1fr}
.location-card{padding:26px}
}


/* Palette matched to the supplied GERMZ Arena logo. */
.logo img{object-fit:contain;flex-shrink:0}
.hero h1 span{color:inherit}
.hero h1 .grad{background:linear-gradient(95deg,#00bfff 0%,#007bff 55%,#ff140d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ticker{border-image:linear-gradient(90deg,#007bff,#00bfff,#ff140d) 1;background:#08090d}
.zone:nth-child(2){border-top:2px solid var(--red)}
.zone:first-child{border-top:2px solid var(--blue)}
.zone:nth-child(3){border-top:2px solid #00bfff}
.hero-actions .outline{border-color:#ff332c}
.hero-actions .outline:hover{background:#ff140d1c}
.final-cta{background:linear-gradient(110deg,#005fe0 0%,#007bff 55%,#c51617 100%)}
.final-cta .btn{background:#030305}
.experience-visual{background:radial-gradient(ellipse at 25% 35%,#007bff22,transparent 65%),radial-gradient(ellipse at 100% 100%,#ff140d16,transparent 70%),#08090d}
.experience-visual:after{border-color:#ff140d30}
.location-card{background:#0b0c10}
.location-card:before{border-color:#ff140d10}
.footer-logo{display:flex;align-items:center}
.footer-logo img{border-radius:50%}
@media(max-width:600px){.logo img{width:58px;height:58px}
.logo{font-size:25px}
}


.branch-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}
.branch-list label{display:block;font-size:9px;letter-spacing:2px;color:#a4a4ad;margin-bottom:12px}
.branch-list select{width:100%;padding:14px;background:#0b0c10;color:#fff;border:1px solid #303542;font:inherit;margin-bottom:18px}
.branch-select{width:100%;text-align:left;background:#0a1525;color:#fff;border:1px solid #007bff;padding:23px;cursor:pointer;display:block}
.branch-select strong{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:28px;display:block;margin:12px 0 5px}
.branch-select small{color:#a4a4ad;line-height:1.8}
.branch-status{color:#52b0ff;font-size:9px;letter-spacing:1.5px}
.branch-detail{background:#0b0c10;border:1px solid #252a35;padding:32px}
.branch-detail h3{font-size:37px;margin:12px 0}
.branch-detail p{font-size:12px}
.branch-pills{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}
.branch-pills span{font-size:10px;padding:8px 10px;border:1px solid #303542}
.branch-detail .btn{margin-top:12px}
.expansion-note{display:flex;align-items:center;gap:32px;border-block:1px solid #252a35;margin-top:28px;padding:25px 0}
.expansion-note>span{font-size:9px;letter-spacing:2px;color:#008cff}
.expansion-note h3{font-size:25px;margin:0}
.expansion-note p{font-size:11px;margin:6px 0 0}
.expansion-note a{margin-left:auto;font-size:11px;white-space:nowrap}
.branch-select:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:700px){.branch-layout{grid-template-columns:1fr}
.branch-detail{padding:25px}
.expansion-note{align-items:start;flex-direction:column;gap:16px}
.expansion-note a{margin-left:0}
.navlinks{gap:17px}
}


.moments{border-top:1px solid #252a35}
.media-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0 22px}
.media-tabs{display:flex;gap:7px}
.media-tabs button{background:transparent;color:#a4a4ad;border:1px solid #303542;padding:11px 17px;font-size:11px}
.media-tabs button.selected{color:#fff;border-color:#007bff;background:#007bff20}
.media-branch-label{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#a4a4ad}
.media-branch-label select{background:#0b0c10;color:#fff;border:1px solid #303542;padding:11px;font:11px Inter,Arial,sans-serif}
.media-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:17px}
.media-card{border:1px solid #252a35;background:#0b0c10;overflow:hidden}
.media-art{height:235px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 20% 30%,#007bff21,transparent 70%),#080b12}
.media-card:nth-child(2) .media-art{background:radial-gradient(ellipse at 70% 60%,#ff140d1a,transparent 70%),#0b080c}
.media-card:nth-child(3) .media-art{background:radial-gradient(ellipse at 50% 50%,#00bfff1c,transparent 70%),#080b12}
.media-art:before,.media-art:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff0b;border-radius:50%}
.media-art:after{width:230px;height:230px}
.media-symbol{font:60px Arial,sans-serif;color:#538cc9;z-index:1}
.media-card:nth-child(2) .media-symbol{color:#c86666}
.media-type{position:absolute;left:17px;top:16px;padding:6px 9px;background:#03030588;border:1px solid #ffffff1a;font-size:8px;letter-spacing:1.5px;color:#c3c8d3}
.media-body{padding:21px}
.media-body h3{font-size:25px;margin:9px 0}
.media-body p{font-size:11px;margin:0}
.media-soon{font-size:8px;letter-spacing:1.6px;color:#008cff}
.gallery-footer{display:flex;align-items:center;gap:22px;margin-top:20px}
.gallery-footer span{font-size:9px;letter-spacing:2px;color:#b6bfce}
.gallery-footer p{font-size:10px}
.gallery-actual{position:relative;width:100%;height:235px;object-fit:cover;display:block}
.media-open{display:block;border:0;padding:0;width:100%;text-align:left;background:none;color:inherit}
.media-open:hover img{filter:brightness(1.15)}
#media-viewer{background:#080b12;color:white;border:1px solid #354157;padding:22px;width:min(900px,94vw);max-height:92vh}
#media-viewer::backdrop{background:#000d}
#media-viewer img,#media-viewer video{width:100%;max-height:72vh;object-fit:contain}
#media-close{background:#007bff;border:0;color:white;padding:9px 16px;float:right;margin-bottom:15px}
.media-caption{font-size:12px;color:#c2c6d0}
.media-tabs button:focus-visible,.media-open:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:900px){.media-grid{grid-template-columns:1fr 1fr}
.media-card:first-child{grid-column:span 2}
.navlinks{gap:14px;font-size:11px}
}
@media(max-width:600px){.media-grid{grid-template-columns:1fr}
.media-card:first-child{grid-column:auto}
.media-toolbar{align-items:stretch;flex-direction:column}
.media-tabs button{flex:1;padding:11px}
.media-branch-label{justify-content:space-between}
.media-branch-label select{flex:1;max-width:210px}
.gallery-footer{align-items:start;gap:5px;flex-direction:column}
.media-art{height:210px}
}


.events-section{border-top:1px solid #252a35}
.event-intro{display:flex;align-items:center;gap:25px;border-left:2px solid #008cff;padding:5px 20px;margin:26px 0}
.event-intro>span{font-size:9px;letter-spacing:1.7px;color:#66b5ff;white-space:nowrap}
.event-intro p{font-size:11px;margin:0;max-width:640px}
.event-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}
.event-tabs button{background:#0b0c10;color:#a4a4ad;border:1px solid #303542;padding:12px 16px;font-size:11px}
.event-tabs button.selected{background:#007bff20;border-color:#007bff;color:white}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.event-card{padding:26px;background:#0b0c10;border:1px solid #252a35;position:relative}
.event-card:nth-child(3n+2){border-top-color:#ff352e}
.event-num{font-family:'Barlow Condensed',Impact,sans-serif;color:#008cff;font-size:31px}
.event-category{font-size:8px;letter-spacing:1.6px;color:#a4a4ad;float:right;margin-top:13px}
.event-card h3{font-size:29px;margin:21px 0 12px}
.event-card p{font-size:12px;margin:0;min-height:65px}
.event-card details{margin-top:21px;border-top:1px solid #252a35;padding-top:15px}
.event-card summary{font-size:10px;color:#b7c5da}
.event-card ul{font-size:11px;color:#a4a4ad;line-height:1.9;padding-left:17px;margin-bottom:0}
.event-count{font-size:10px;color:#939aa9;margin:0 0 18px}
.event-plan{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#001b3c,#0b0c10 65%,#ff140d0c);border:1px solid #253349;padding:30px;margin-top:25px}
.event-plan h3{font-size:32px;margin:15px 0 8px}
.event-plan p{max-width:580px;font-size:11px;margin:0}
.event-plan .btn{white-space:nowrap}
.event-tabs button:focus-visible{outline:2px solid white;outline-offset:3px}
.navlinks{gap:15px;font-size:11px}
@media(max-width:1000px){.event-grid{grid-template-columns:repeat(2,1fr)}
nav{padding-inline:4%}
.navlinks{gap:12px}
.nav-cta{padding:12px}
.logo{font-size:23px}
.logo img{width:62px;height:62px}
}
@media(max-width:760px){.event-plan{display:block}
.event-plan .btn{margin-top:23px}
.event-intro{display:block}
.event-intro p{margin-top:10px}
.navlinks{gap:10px;font-size:10px}
.nav-cta{display:none}
}
@media(max-width:600px){.event-grid{grid-template-columns:1fr}
.event-card p{min-height:0}
.event-plan{padding:24px}
.event-tabs button{flex-grow:1}
.navlinks{font-size:12px;gap:24px}
}


.booking-steps{display:flex;gap:30px;border-block:1px solid #252a35;padding:22px 0;margin:27px 0}
.booking-steps span{font-size:11px;color:#b7bdc9}
.booking-steps b{color:#008cff;margin-right:10px}
.booking-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;align-items:start}
#booking-form{border:1px solid #252a35;padding:30px;background:#0b0c10}
.booking-demo{font-size:10px;line-height:1.8;border-left:2px solid #008cff;padding:10px 15px;background:#007bff10;color:#b5c7dc}
.booking-layout h3,.booking-review h3{font-size:32px;margin:28px 0 22px}
.booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.booking-fields label,.booking-notes{font-size:11px;color:#bac1cd;display:block}
.booking-fields .full{grid-column:span 2}
.booking-fields input,.booking-fields select,.booking-notes textarea{display:block;width:100%;margin-top:9px;background:#06080d;color:white;border:1px solid #303542;padding:13px;font:12px Inter,Arial,sans-serif;min-width:0;color-scheme:dark}
.booking-fields input:focus,.booking-fields select:focus,.booking-notes textarea:focus{outline:2px solid #007bff;outline-offset:2px}
.booking-fields small{color:#848d9d}
fieldset{min-width:0}
.packages{padding:0;border:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.packages legend,.booking-extras legend{font-size:11px;color:#bac1cd;margin-bottom:13px}
.packages label{display:flex;align-items:start;gap:9px;border:1px solid #303542;padding:14px;cursor:pointer}
.packages label:has(input:checked){border-color:#008cff;background:#007bff10}
.packages input{accent-color:#007bff;margin:2px 0}
.packages b{font-size:11px;font-weight:600}
.packages small{display:block;font-size:9px;color:#939aa9;line-height:1.7;margin-top:5px}
.booking-help{font-size:10px;line-height:1.8;color:#939aa9}
.booking-extras{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px}
.booking-extras label{font-size:11px;color:#bac1cd}
.booking-extras input{accent-color:#007bff}
.booking-notes{margin-bottom:23px}
.booking-notes textarea{resize:vertical}
.booking-aside{padding:30px;background:linear-gradient(140deg,#001b3c,#0b0c10);border:1px solid #253349;position:static;width:auto}
.booking-aside h3{font-size:37px}
.booking-aside ol{padding-left:20px}
.booking-aside li{padding:12px 0 12px 8px;color:#008cff}
.booking-aside li b{color:#e4e8f0;font-size:12px}
.booking-aside li p{font-size:11px;margin:9px 0 0}
.booking-aside-note{border-top:1px solid #303542;padding-top:20px;font-size:10px;color:#a4a4ad;line-height:1.9}
.booking-review{margin-top:25px;padding:30px;border:1px solid #007bff;background:#081222}
.booking-review dl{display:grid;grid-template-columns:140px 1fr;gap:13px;font-size:12px;line-height:1.7}
.booking-review dt{color:#939aa9}
.booking-review dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.booking-review-actions{display:flex;gap:10px;flex-wrap:wrap}
.booking-review button{cursor:pointer}
.booking-review[hidden]{display:none}
@media(max-width:900px){.booking-layout{grid-template-columns:1fr}
.booking-steps{gap:15px;flex-wrap:wrap}
.booking-aside{padding:25px}
}
@media(max-width:600px){#booking-form{padding:20px}
.booking-fields,.packages{grid-template-columns:1fr}
.booking-fields .full{grid-column:auto}
.booking-review{padding:20px}
.booking-review dl{grid-template-columns:1fr;gap:4px}
.booking-review dd{margin-bottom:12px}
.booking-review-actions .btn{width:100%}
}


.booking-teaser{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;border-block:1px solid #252a35;align-items:center}
.booking-teaser>div>p{max-width:530px;font-size:12px}
.teaser-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.teaser-tags span{border:1px solid #303542;font-size:10px;color:#b7c4d9;padding:9px 12px}
.teaser-side{padding:35px;background:linear-gradient(140deg,#001b3c,#0b0c10);border:1px solid #253349}
.teaser-side>span{font-size:10px;letter-spacing:2px;color:#008cff}
.teaser-side h3{font-size:39px;margin:20px 0}
.teaser-side p{font-size:12px}
@media(max-width:700px){.booking-teaser{grid-template-columns:1fr;gap:25px}
.teaser-side{padding:25px}
}


.club-teaser{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;border-top:1px solid #252a35}
.club-teaser p{max-width:470px;font-size:12px}
.club-card{padding:35px;background:radial-gradient(ellipse at 0 0,#007bff40,transparent 70%),radial-gradient(ellipse at 100% 100%,#ff140d22,transparent 70%),#0b0c10;border:1px solid #264366;border-radius:16px}
.club-card>span{font-size:11px;letter-spacing:3px;color:#7fbfff}
.club-card h3{font-size:44px;line-height:1;margin:27px 0}
.club-card>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:20px}
.club-card b{font-size:22px}
.club-rates{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:6px}
.club-rates li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px}
.club-rates li span{font:700 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em;color:#a5b4c9}
.club-rates li b,.club-card .club-rates li b{font:700 17px 'Barlow Condensed',Impact,sans-serif}
.club-card small{display:block;font-size:9px;color:#a5b4c9;margin-top:17px}
.club-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0}
.club-stat{padding:23px;border:1px solid #252a35;background:#0b0c10}
.club-stat span{display:block;color:#939aa9;font-size:10px}
.club-stat strong{display:block;font:700 43px 'Barlow Condensed',Impact,sans-serif;margin-top:10px}
.club-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}
.club-panel{border:1px solid #252a35;padding:27px;background:#0b0c10}
.club-panel h3{font-size:28px;margin:0 0 20px}
.club-panel p{font-size:11px}
.club-panel table{width:100%;border-collapse:collapse;font-size:11px}
.club-panel td,.club-panel th{text-align:left;padding:15px 5px;border-bottom:1px solid #252a35}
.club-panel th{color:#939aa9;font-size:9px}
.reward{padding:18px 0;border-bottom:1px solid #252a35;display:flex;justify-content:space-between;gap:15px;align-items:center}
.reward strong{font-size:12px}
.reward small{display:block;font-size:10px;color:#939aa9;margin-top:7px}
.reward button{background:#007bff;color:white;border:0;padding:10px;font-size:10px;cursor:pointer}
.reward button:disabled{background:#253046;color:#8995aa;cursor:default}
.club-progress{height:5px;background:#252a35;margin:20px 0 10px}
.club-progress span{display:block;height:100%;background:linear-gradient(90deg,#007bff,#ff140d)}
.club-demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}
.club-demo-actions button{cursor:pointer}
.club-rules{font-size:11px;color:#a4a4ad;line-height:2}
.club-feedback{font-size:12px;color:#88bfff;min-height:20px}
.club-header{display:flex;justify-content:space-between;gap:20px;align-items:end}
.club-member{font-size:10px;letter-spacing:2px;color:#8db7e8}
.club-note{font-size:10px;color:#939aa9;line-height:1.8;margin:20px 0}
@media(max-width:700px){.club-teaser,.club-layout{grid-template-columns:1fr;gap:25px}
.club-stats{gap:8px}
.club-stat{padding:16px}
.club-stat strong{font-size:32px}
.club-header{display:block}
.club-member{margin-top:20px}
.club-panel{padding:20px}
}


/* ---- portal pages ---- */
.portal-nav{display:flex;gap:22px;overflow:auto;padding:20px 6%;border-bottom:1px solid #252a35;font-size:11px;white-space:nowrap}
.portal-title{font-size:clamp(48px,6vw,82px);line-height:1;margin:25px 0}
.portal-demo{padding:14px 18px;border-left:2px solid #008cff;background:#007bff10;font-size:11px;color:#a7b7cf;line-height:1.7;margin-bottom:28px}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portal-card,.portal-box{border:1px solid #252a35;background:#0b0c10;padding:25px}
.portal-card h3,.portal-box h3{font-size:28px;margin:12px 0}
.portal-card p,.portal-box p{font-size:12px}
.portal-pill{font-size:9px;color:#79b7ff;letter-spacing:1.5px}
.portal-form{display:grid;gap:16px;max-width:650px}
.portal-form label{font-size:11px;color:#aeb7c7}
.portal-form input,.portal-form select,.portal-form textarea,.portal-search{display:block;width:100%;background:#06080d;border:1px solid #303542;color:white;padding:13px;font:12px Inter,Arial,sans-serif;margin-top:8px;color-scheme:dark}
.portal-form textarea{min-height:90px}
.portal-form button,.portal-box button{cursor:pointer}
.portal-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.portal-toolbar .portal-search{max-width:350px;margin:0}
.portal-toolbar select{padding:13px;background:#0b0c10;color:white;border:1px solid #303542}
.portal-empty{padding:40px;border:1px dashed #303542;text-align:center}
.portal-empty h3{font-size:30px;margin:10px}
.portal-empty p{font-size:12px}
.portal-section{min-height:65vh}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.admin-tabs button{background:#131925;color:#b3c0d5;border:1px solid #303542;padding:12px;cursor:pointer}
.admin-tabs button.active{background:#007bff;color:white}
.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.portal-entry{padding:16px 0;border-bottom:1px solid #252a35;font-size:12px}
.portal-entry button{margin:12px 7px 0 0;padding:8px;background:#253046;color:white;border:0;cursor:pointer}
.portal-status{padding:15px;background:#007bff12;color:#9ccaff;font-size:12px;line-height:1.8;margin-top:18px}
.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}
.portal-stats strong{font-size:30px;display:block;margin:10px 0}
.portal-stats span{font-size:10px;color:#99a8bc}
.portal-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.portal-card .btn{margin-top:17px}
.admin-help{font-size:11px;line-height:1.8;color:#9caac0}
.portal-feedback{font-size:12px;color:#9ccaff;margin:15px 0}
.portal-form input:focus,.portal-form textarea:focus,.portal-search:focus{outline:2px solid #007bff;outline-offset:2px}
@media(max-width:800px){.portal-grid{grid-template-columns:1fr 1fr}
.admin-layout{grid-template-columns:1fr}
}
@media(max-width:550px){.portal-grid{grid-template-columns:1fr}
.portal-stats{gap:8px}
.portal-stats .portal-box{padding:15px}
.portal-nav{gap:17px}
}

/* ---- GERMZ Arena live site additions ---- */
.nav-right{display:flex;align-items:center;gap:15px}
.lang-switch{color:#bac4d7;border:1px solid #364056;padding:6px 10px;font-size:10px;letter-spacing:1px}
.lang-switch:hover{color:#fff;border-color:#007bff}
.acct-link{font-size:11px;color:#b9beca;white-space:nowrap}
.acct-link:hover{color:#fff}
.navlinks a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 #007bff}
.flash{max-width:1400px;margin:18px auto 0;padding:14px 6%;font-size:12px}
.flash div{padding:14px 18px;border-left:2px solid #007bff;background:#007bff14;color:#cfe3ff}
.flash .err{border-color:#ff332c;background:#ff140d14;color:#ffd0ce}
.site-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.site-footer-links a:hover{color:#fff}
.btn.sm{padding:10px 14px;gap:10px;font-size:11px}
.btn.danger{background:#3a1012;border-color:#ff332c}
.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}
.muted{color:var(--muted)}
.price .amount.na{font-size:22px;color:#8b95a9}
.status-pill{display:inline-block;font-size:9px;letter-spacing:1.5px;padding:6px 9px;border:1px solid #303542;text-transform:uppercase}
.status-pill.ok{border-color:#1f9d55;color:#6ee7a8}
.status-pill.warn{border-color:#d69e2e;color:#f6d38a}
.status-pill.bad{border-color:#ff332c;color:#ff9b96}
.status-pill.info{border-color:#007bff;color:#8cc4ff}
.timeline{list-style:none;padding:0;margin:18px 0;border-left:1px solid #303542}
.timeline li{padding:0 0 16px 18px;position:relative;font-size:12px;color:#c7cdd9}
.timeline li:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#007bff}
.timeline small{display:block;color:#8b95a9;font-size:10px;margin-top:4px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:10px 18px;font-size:12px;line-height:1.7;margin:0}
.kv dt{color:#939aa9}.kv dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.data-table{width:100%;border-collapse:collapse;font-size:12px}
.data-table th{color:#939aa9;font-size:9px;letter-spacing:1.5px;text-align:left;padding:12px 6px;border-bottom:1px solid #252a35;text-transform:uppercase}
.data-table td{padding:13px 6px;border-bottom:1px solid #1a1f2a;vertical-align:top}
.stars{color:#ffb020;letter-spacing:2px}
.inline-form{display:inline}
.portal-card .meta{font-size:11px;color:#a7b4c9;margin:6px 0}
.portal-card img.cover{width:100%;height:150px;object-fit:cover;margin:-25px -25px 15px;width:calc(100% + 50px);display:block}
.game-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.game-filters input,.game-filters select{background:#0b0c10;color:#fff;border:1px solid #303542;padding:13px;font:12px Inter,Arial,sans-serif}
.game-filters input{min-width:240px}
.empty-note{padding:40px;border:1px dashed #303542;text-align:center;color:var(--muted);font-size:12px}
.reward.done{opacity:.6}
.code-chip{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:2px;color:#9ccaff;border:1px dashed #007bff;padding:4px 8px}
.station-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:10px 0}
.station-pick label{display:flex;gap:10px;align-items:center;border:1px solid #303542;padding:14px;cursor:pointer;font-size:12px}
.station-pick label:has(input:checked){border-color:#008cff;background:#007bff10}
.coming-soon{color:#f6d38a!important}
.form-error{color:#ff9b96;font-size:11px}
@media(max-width:700px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}}


/* ===== Motion =====================================================
   Everything that moves lives below. Only transform/opacity-type
   properties animate. Visitors who ask for reduced motion get none of
   it, and scroll reveals only hide content once site.js has added
   html.rv, so the page never stays blank if the script fails. */
:root{--ease:cubic-bezier(.2,.8,.2,1)}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero h1 .ln>span{display:inline-block}
.ticker-track{display:block;flex:1}
.ticker-group{display:flex;justify-content:space-around;gap:24px}
.ticker-group.dup,.ticker-group .tail{display:none}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:50;background:linear-gradient(90deg,#00bfff,#007bff 55%,#ff140d);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

@media (prefers-reduced-motion:no-preference){
  /* Hero intro */
  .hero-image{animation:gz-hero-zoom 1.6s var(--ease) both;translate:calc(var(--mx,0)*-12px) calc(var(--my,0)*-8px);transition:translate .6s var(--ease)}
  .hero .eyebrow{animation:gz-slide-in .7s var(--ease) .2s both}
  .hero h1 .ln>span{animation:gz-line-up .8s var(--ease) both}
  .hero h1 .ln:nth-child(1)>span{animation-delay:.35s}
  .hero h1 .ln:nth-child(2)>span{animation-delay:.5s}
  .hero h1 .ln:nth-child(3)>span{animation-delay:.65s}
  .hero h1 .grad{background-image:linear-gradient(100deg,transparent 42%,#ffffffd9 50%,transparent 58%),linear-gradient(95deg,#00bfff 0%,#007bff 55%,#ff140d 100%);background-size:260% 100%,100% 100%;background-repeat:no-repeat;background-position:160% 0,0 0;animation:gz-line-up .8s var(--ease) .65s both,gz-shine 1.3s ease-in-out 1.5s both}
  /* Typewriter: site.js splits the words into letters and shows/hides
     them; hidden letters keep their space so nothing below moves. */
  .hero h1.typing .ln>span{animation:none}
  .hero h1.typing .grad.shine{animation:gz-shine 1.3s ease-in-out both}
  .hero h1 .ch.off{visibility:hidden}
  /* The caret is an inline box whose negative margin cancels its width, so
     it never pushes letters; no positioning, which would break the
     gradient's background-clip:text on CONNECT. */
  .hero h1 .ch.caret:after,.hero h1 .ch.caret-before:before{content:'';visibility:visible;display:inline-block;width:.07em;height:.78em;vertical-align:-.02em;background:#008cff;box-shadow:0 0 12px #008cffaa;animation:gz-caret 1s steps(1) infinite}
  .hero h1 .ch.caret:after{margin:0 -.13em 0 .06em}
  .hero h1 .ch.caret-before:before{margin:0 .06em 0 -.13em}
  .hero h1 .ch.caret.busy:after,.hero h1 .ch.caret-before.busy:before{animation:none}
  .hero-content>p,.hero-actions,.hero-note{animation:gz-fade-up .8s var(--ease) both}
  .hero-content>p{animation-delay:.9s}
  .hero-actions{animation-delay:1s}
  .hero-note{animation-delay:1.1s}
  .side-label{animation:gz-fade 1s ease 1.3s both}
  .hero-note .dot{animation:gz-pulse 2s ease-out 1.6s infinite}

  /* Buttons */
  .btn{transition:background-color .2s,border-color .2s,transform .2s var(--ease),box-shadow .25s}
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px #007bffcc}
  .btn>span:last-child{display:inline-block;transition:transform .25s var(--ease)}
  .btn:hover>span:last-child{transform:translateX(4px)}

  /* Ticker marquee */
  .ticker{padding-inline:0}
  .ticker-track{display:flex;flex:none;width:max-content;animation:gz-marquee 38s linear infinite}
  .ticker:hover .ticker-track{animation-play-state:paused}
  .ticker-group,.ticker-group.dup{display:flex;justify-content:flex-start;gap:0}
  .ticker-group .tail{display:block}
  .ticker-group>*{margin-right:48px}
  .ticker-group>span{display:inline-block;animation:gz-spin 6s linear infinite}

  /* Scroll reveals: hidden until site.js marks them .in, then animate in
     (staggered by --i). Animations, not transitions, so hover effects
     keep their own timing. */
  .rv [data-reveal]{opacity:0}
  .rv [data-reveal].in{opacity:1;animation:gz-reveal-up .75s var(--ease) calc(var(--i,0)*110ms) both}
  .rv [data-reveal="left"].in{animation-name:gz-reveal-left}
  .rv [data-reveal="right"].in{animation-name:gz-reveal-right}
  .rv [data-reveal="zoom"].in{animation-name:gz-reveal-zoom}
  .rv [data-reveal].in.pop{animation:gz-pop .45s var(--ease) both}
  .rv .swap{animation:gz-fade-up .5s var(--ease) both}

  /* Zones: icons draw themselves, cards lift on hover */
  .zone{transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
  .zone:hover{transform:translateY(-6px);border-color:#007bff70;box-shadow:0 22px 44px -26px #007bffaa}
  .zone:nth-child(2):hover{border-color:#ff140d70;box-shadow:0 22px 44px -26px #ff140daa}
  .zone:before{transition:translate .4s var(--ease),color .4s}
  .zone:hover:before{translate:-12px 6px;color:#ffffff0b}
  .zone a span{transition:transform .25s var(--ease)}
  .zone:hover a span{transform:translateX(5px)}
  .rv .zone-icon svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease-in-out calc(var(--i,0)*110ms + .35s)}
  .rv .zone.in .zone-icon svg *{stroke-dashoffset:0}

  /* Experience: floating controller with buttons lighting in turn */
  .controller{animation:gz-float-y 6s ease-in-out infinite}
  .controller g:first-of-type circle{animation:gz-press 4s ease-in-out infinite}
  .controller g:first-of-type circle:nth-child(2){animation-delay:1s}
  .controller g:first-of-type circle:nth-child(3){animation-delay:2s}
  .controller g:first-of-type circle:nth-child(4){animation-delay:3s}
  .controller>path:last-child{animation:gz-glow 2.4s ease-in-out infinite}
  .experience-visual:before{animation:gz-ring 5s ease-in-out infinite}
  .experience-visual:after{animation:gz-ring 5s ease-in-out -2.5s infinite}

  /* Cards with a gentle hover lift */
  .event-card,.media-card,.portal-card,.teaser-side,.branch-select{transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
  .event-card:hover,.media-card:hover,.portal-card:hover{transform:translateY(-4px);border-color:#007bff70;box-shadow:0 18px 36px -24px #007bffaa}
  .branch-select:hover{transform:translateX(4px)}

  /* Club card: glass shine and pointer tilt */
  .club-card{position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .25s ease-out,box-shadow .3s}
  .club-card:hover{box-shadow:0 30px 60px -30px #007bffaa}
  .club-card:after{content:'';position:absolute;inset:-50% auto -50% -60%;width:40%;background:linear-gradient(90deg,transparent,#ffffff1f,transparent);transform:rotate(20deg);animation:gz-card-shine 5.5s ease-in-out 1s infinite;pointer-events:none}

  /* Pricing cells */
  .price{transition:background-color .3s}
  .price:hover{background:#007bff12}

  /* Final call to action */
  .final-cta{background:linear-gradient(110deg,#005fe0 0%,#007bff 30%,#c51617 55%,#007bff 80%,#005fe0 100%);background-size:220% 100%;animation:gz-flow 12s ease-in-out infinite alternate}
  .final-cta .btn{animation:gz-btn-glow 2.6s ease-in-out infinite}

  /* Details/FAQ bodies slide open */
  details[open]>:not(summary){animation:gz-fade-up .35s var(--ease) both}
}

@keyframes gz-hero-zoom{from{opacity:0;scale:1.08}}
@keyframes gz-slide-in{from{opacity:0;translate:-30px 0}}
@keyframes gz-line-up{from{transform:translateY(105%)}}
@keyframes gz-shine{to{background-position:-60% 0,0 0}}
@keyframes gz-fade-up{from{opacity:0;translate:0 18px}}
@keyframes gz-fade{from{opacity:0}}
@keyframes gz-reveal-up{from{opacity:0;translate:0 28px}}
@keyframes gz-reveal-left{from{opacity:0;translate:-36px 0}}
@keyframes gz-reveal-right{from{opacity:0;translate:36px 0}}
@keyframes gz-reveal-zoom{from{opacity:0;scale:.94}}
@keyframes gz-pop{from{opacity:0;scale:.96}}
@keyframes gz-pulse{0%{box-shadow:0 0 0 0 #008cffaa}80%,100%{box-shadow:0 0 0 9px #008cff00}}
@keyframes gz-marquee{to{transform:translateX(-50%)}}
@keyframes gz-caret{50%{opacity:0}}
@keyframes gz-spin{to{rotate:360deg}}
@keyframes gz-float-y{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes gz-press{0%,18%,100%{fill:#29364c}6%{fill:#007bff}}
@keyframes gz-glow{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes gz-ring{0%,100%{scale:1;opacity:1}50%{scale:1.06;opacity:.55}}
@keyframes gz-card-shine{0%,60%{left:-60%}100%{left:130%}}
@keyframes gz-flow{to{background-position:100% 0}}
@keyframes gz-btn-glow{0%,100%{box-shadow:0 0 0 0 #03030500}50%{box-shadow:0 0 0 6px #ffffff26}}

/* GERMZ Club levels, Black Envelope and Founders' Wall */
.lvl{display:inline-block;padding:5px 11px;font:700 10px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;border:1px solid #3a4050;color:#c9cfdb;background:#11131a;vertical-align:middle}
.lvl.sm{padding:3px 7px;font-size:8px;letter-spacing:1.5px}
.lvl-black{background:#000;border-color:#f4f5f7;color:#fff}
.lvl-elite{background:#0a1f44;border-color:#1E6BFF;color:#a9c8ff}
.lvl-inner_circle{background:linear-gradient(90deg,#1E6BFF,#FF1A1A);border-color:transparent;color:#fff}
.level-panel{margin-bottom:25px}
.level-head{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap}
.level-head .lvl{font-size:14px;padding:8px 16px;margin-top:8px}
.muted-label{display:block;color:#939aa9;font-size:10px;letter-spacing:2px}
.level-year strong{font:700 34px 'Barlow Condensed',Impact,sans-serif}
.level-year{font-size:10px;color:#939aa9}
.level-perk{color:#c9cfdb}
.envelope{margin-top:16px;padding:16px 18px;background:#000;border:1px solid #FF1A1A;font-size:11px}
.envelope b{letter-spacing:3px;font-size:11px}
.envelope p{margin:6px 0 0}
.envelope.opened{border-color:#3a4050}
.envelope.founders{border-color:#1E6BFF}
.club-levels-head{margin:70px 0 25px}
.club-levels-head h2{font-size:clamp(38px,4vw,56px);margin:0 0 10px}
.club-levels-head p{font-size:12px;color:#a4a4ad;max-width:620px}
.club-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.level-card{padding:25px;border:1px solid #252a35;background:#0b0c10}
.level-card strong{display:block;font:700 28px 'Barlow Condensed',Impact,sans-serif;margin:18px 0 8px}
.level-card p{font-size:11px;color:#a4a4ad;line-height:1.7}
.level-card.level-black{border-color:#f4f5f755;background:#000}
.level-card.level-elite{border-color:#1E6BFF88}
.level-card.level-inner_circle{border-image:linear-gradient(135deg,#1E6BFF,#FF1A1A) 1}
.club-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}
.perk{padding:22px;border-top:2px solid #1E6BFF;background:#0b0c10}
.perk.perk-black{background:#000;border-top-color:#FF1A1A}
.perk b{font-size:11px;letter-spacing:2.5px}
.perk p{font-size:11px;color:#a4a4ad;line-height:1.7}
.founders-wall{margin-top:25px}
.wall{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.wall li{padding:14px;border:1px solid #252a35;background:#06070a}
.wall span{display:block;font:700 22px 'Barlow Condensed',Impact,sans-serif;background:linear-gradient(90deg,#1E6BFF,#FF1A1A);-webkit-background-clip:text;background-clip:text;color:transparent}
.wall b{display:block;font-size:12px;margin-top:4px}
.wall small{display:block;font-size:9px;color:#939aa9;margin-top:4px}
@media(max-width:900px){.club-levels,.club-perks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.club-levels,.club-perks{grid-template-columns:1fr}}