@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
:root{--bg:#05070b;--panel:#0b1018;--text:#f8f9fc;--muted:#a8b0bd;--line:rgba(255,255,255,.13);--accent:#ffd56a;--accent-rgb:255,213,106;--font:'Kanit',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 50% -20%,rgba(var(--accent-rgb),.11),transparent 45%),var(--bg);color:var(--text);font-family:var(--font);font-weight:300}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 5% 35%,rgba(var(--accent-rgb),.07),transparent 30%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.012),transparent 60%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:78px;padding:0 max(4.5vw,22px);display:flex;align-items:center;gap:25px;border-bottom:1px solid rgba(var(--accent-rgb),.25);background:rgba(4,6,10,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:700;color:#08090b;background:linear-gradient(135deg,#fff3b7,var(--accent),#9d6b14);box-shadow:0 0 22px rgba(var(--accent-rgb),.22)}.brand b{font-size:21px;letter-spacing:.04em;display:block;line-height:1.05}.brand small{font-size:9px;letter-spacing:.13em;color:var(--muted);display:block;margin-top:5px}.nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}.nav a{font-size:13px;padding:10px 14px;border:1px solid transparent;border-radius:12px;color:#d5d7dd;transition:.2s}.nav a:hover,.nav a.active{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.24);color:var(--accent)}.nav-cta{white-space:nowrap;padding:11px 19px;border:1px solid rgba(var(--accent-rgb),.65);border-radius:999px;background:linear-gradient(110deg,rgba(var(--accent-rgb),.24),rgba(var(--accent-rgb),.07));box-shadow:0 0 18px rgba(var(--accent-rgb),.12);font-size:13px}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.hero{max-width:1370px;margin:auto;min-height:425px;padding:46px 5vw 32px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:20px;position:relative;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(5,7,11,.88) 38%,transparent 100%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:500;color:var(--accent);margin:0 0 9px}.hero h1{font-size:clamp(38px,5.2vw,70px);line-height:.98;letter-spacing:-.035em;margin:0 0 16px;font-weight:700}.hero h1 span{font-size:1.28em;background:linear-gradient(180deg,#fff7d0 0%,var(--accent) 45%,#a86b11 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(var(--accent-rgb),.22))}.lead{font-size:15px;line-height:1.8;color:#d7d9df}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 21px;border-radius:13px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .22s,box-shadow .22s,filter .22s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-gold{background:linear-gradient(110deg,#fff0a8,#e9a925 58%,#fff0a8);color:#171008;box-shadow:0 5px 22px rgba(255,193,54,.22)}.btn-glass{border-color:var(--line);background:rgba(255,255,255,.045);color:#f3f4f7;backdrop-filter:blur(10px)}.btn-theme{background:linear-gradient(110deg,rgba(var(--accent-rgb),.95),var(--accent));color:#080a0e;border-color:rgba(255,255,255,.25);box-shadow:0 5px 22px rgba(var(--accent-rgb),.22)}.stats{display:flex;gap:23px;flex-wrap:wrap}.stats>div{display:flex;align-items:center;gap:9px}.stats i{font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.5);color:var(--accent);font-size:21px;background:rgba(var(--accent-rgb),.07)}.stats b,.stats small{display:block}.stats b{font-size:14px;color:var(--accent)}.stats small{font-size:10px;color:#c2c5cd}.hero-art{height:340px;position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(var(--accent-rgb),.28);background:radial-gradient(ellipse at 50% 45%,rgba(var(--accent-rgb),.35),transparent 43%),radial-gradient(ellipse at 70% 25%,rgba(255,255,255,.09),transparent 26%),linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(4,6,10,.2) 60%,rgba(var(--accent-rgb),.1));box-shadow:inset 0 0 65px rgba(var(--accent-rgb),.1),0 20px 65px rgba(0,0,0,.25)}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(var(--accent-rgb),.38);transform:rotate(45deg);border-radius:24%;inset:14% 25%;box-shadow:0 0 35px rgba(var(--accent-rgb),.16)}.hero-art:after{inset:22% 33%;transform:rotate(22deg);border-color:rgba(255,255,255,.18)}.hero-emblem{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:clamp(36px,5vw,62px);font-weight:700;line-height:1.1;color:var(--accent);text-shadow:0 0 25px rgba(var(--accent-rgb),.6);z-index:2}.hero-emblem small{font-size:11px;letter-spacing:.32em;color:#fff}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:180px;height:180px;top:-55px;right:-25px;background:radial-gradient(circle,rgba(var(--accent-rgb),.45),transparent 68%)}.orb-two{width:160px;height:160px;bottom:-60px;left:-25px;background:radial-gradient(circle,rgba(var(--accent-rgb),.28),transparent 68%)}.floating-chip{position:absolute;bottom:24px;right:25px;border:1px solid rgba(var(--accent-rgb),.42);border-radius:30px;padding:9px 13px;color:var(--accent);font-size:10px;letter-spacing:.14em;background:rgba(0,0,0,.38);z-index:3}.section{max-width:1370px;margin:auto;padding:25px 5vw 40px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2,.responsible h2{font-size:clamp(24px,3vw,32px);margin:0;line-height:1.2}.muted{color:var(--muted);font-size:12px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portal-card{border:1px solid rgba(var(--accent-rgb),.4);border-radius:17px;overflow:hidden;background:linear-gradient(150deg,rgba(var(--accent-rgb),.09),rgba(8,10,15,.9) 55%);transition:transform .25s,box-shadow .25s;min-width:0}.portal-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(var(--accent-rgb),.13)}.portal-art{height:145px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,rgba(var(--accent-rgb),.42),transparent 45%),linear-gradient(135deg,rgba(var(--accent-rgb),.15),#080b12 70%)}.portal-art:before{content:"";position:absolute;width:145px;height:145px;border:2px solid rgba(var(--accent-rgb),.65);transform:rotate(45deg);left:calc(50% - 73px);top:24px;border-radius:25px;box-shadow:0 0 32px rgba(var(--accent-rgb),.22)}.portal-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 35px,rgba(255,255,255,.035) 36px 37px,transparent 38px 70px)}.sigil{position:absolute;z-index:1;top:30px;left:0;right:0;text-align:center;font-size:62px;color:var(--accent);text-shadow:0 0 24px rgba(var(--accent-rgb),.8)}.portal-info{padding:17px 20px 20px}.portal-info h3{font-size:30px;margin:0 0 6px}.portal-info p:not(.eyebrow){min-height:48px;font-size:13px;color:#c7cbd4;line-height:1.7;margin:0 0 15px}.portal-info .btn{width:100%}.theme-cyan{--accent:#39ddff;--accent-rgb:57,221,255}.theme-gold{--accent:#ffd064;--accent-rgb:255,208,100}.theme-purple{--accent:#e052ff;--accent-rgb:224,82,255}.portal-page.theme-cyan{--accent:#39ddff;--accent-rgb:57,221,255}.portal-page.theme-gold{--accent:#ffd064;--accent-rgb:255,208,100}.portal-page.theme-purple{--accent:#e052ff;--accent-rgb:224,82,255}.portal-hero{min-height:390px}.portal-hero .hero-art{height:300px}.art-ice{background:radial-gradient(ellipse at 50% 50%,rgba(0,198,255,.36),transparent 43%),linear-gradient(135deg,#082b48,#030810 72%)}.art-royal{background:radial-gradient(ellipse at 50% 50%,rgba(255,178,24,.4),transparent 43%),linear-gradient(135deg,#44300c,#080704 72%)}.art-mystic{background:radial-gradient(ellipse at 50% 50%,rgba(211,32,255,.42),transparent 43%),linear-gradient(135deg,#321047,#07040e 72%)}.filter-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#d5d7df;padding:8px 17px;font-size:12px;cursor:pointer}.filter.active,.filter:hover{background:var(--accent);color:#090a0d;border-color:var(--accent)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;min-width:205px;color:var(--accent)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.game-card{position:relative;min-width:0;min-height:180px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#0c111a;transition:transform .22s,border-color .22s,box-shadow .22s}.game-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.65);box-shadow:0 10px 28px rgba(var(--accent-rgb),.1)}.game-card:before{content:"";position:absolute;inset:0 0 38px;background:radial-gradient(ellipse at 50% 45%,var(--game-glow,rgba(255,160,30,.4)),transparent 65%),linear-gradient(145deg,var(--game-bg,#32120d),#070a10);transition:transform .4s}.game-card:hover:before{transform:scale(1.04)}.game-emoji{position:relative;z-index:1;display:grid;place-items:center;height:130px;font-size:65px;text-shadow:0 4px 25px rgba(0,0,0,.6)}.game-meta{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px;background:linear-gradient(90deg,rgba(5,7,11,.98),rgba(5,7,11,.78))}.game-meta b{font-size:13px;font-weight:500}.game-meta span{font-size:11px;color:#b7bdc8;display:flex;justify-content:space-between}.game-meta em{font-style:normal;color:#ffdb66}.tag{position:absolute;top:9px;left:9px;z-index:3;font-size:9px;font-weight:600;padding:3px 7px;border-radius:6px;color:white;background:#d83b39}.tag.new{background:#087ec4}.tag.popular{background:#6d39c6}.tag.live{background:#c33434}.game-dragon{--game-bg:#52120b;--game-glow:rgba(255,76,17,.52)}.game-ocean{--game-bg:#063653;--game-glow:rgba(0,177,255,.5)}.game-gold{--game-bg:#50310a;--game-glow:rgba(255,187,31,.54)}.game-moon{--game-bg:#27124d;--game-glow:rgba(157,71,255,.55)}.game-jade{--game-bg:#063b2c;--game-glow:rgba(0,255,145,.4)}.game-royal{--game-bg:#3b2012;--game-glow:rgba(255,111,45,.4)}.game-ice{--game-bg:#123b64;--game-glow:rgba(58,176,255,.45)}.game-lotus{--game-bg:#521128;--game-glow:rgba(255,33,108,.48)}.compact .game-card{min-height:160px}.compact .game-emoji{height:112px}.empty-state{color:var(--muted);text-align:center;padding:28px}.responsible{display:flex;align-items:center;gap:20px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:20px;background:linear-gradient(100deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.02));margin-top:5px;margin-bottom:30px;padding:24px 28px}.responsible-icon{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.5);border-radius:50%;font-size:28px;color:var(--accent)}.responsible h2{font-size:22px}.responsible p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px}.responsible .btn{margin-left:auto;flex-shrink:0}.footer{padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer a:not(.brand){color:var(--accent)}.responsible-page{min-height:70vh;padding-top:70px;max-width:900px}.responsible-page h1{font-size:clamp(30px,5vw,52px)}.responsible-page li{margin:12px 0;color:#d1d5de}.responsible-page ul{padding-left:22px;margin:25px 0}
@media(max-width:900px){.topbar{gap:12px;padding:0 22px}.nav{gap:0}.nav a{padding:9px 8px;font-size:11px}.nav-cta{padding:10px 12px;font-size:11px}.hero{grid-template-columns:1fr .75fr;padding-left:4vw;padding-right:4vw}.hero-art{height:280px}.portal-grid{gap:12px}.portal-info{padding:14px}.portal-info h3{font-size:25px}.game-grid{gap:11px}.section{padding-left:4vw;padding-right:4vw}}
@media(max-width:680px){.topbar{height:68px;padding:0 16px}.brand-mark{width:40px;height:40px}.brand b{font-size:18px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:67px;left:10px;right:10px;padding:10px;background:#090d14;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 35px #000;align-items:stretch;flex-direction:column}.nav.open{display:flex}.nav a{font-size:14px;padding:12px}.topbar>.nav-cta{display:none}.hero,.portal-hero{grid-template-columns:1fr;padding:34px 20px 25px;gap:16px}.hero:after{background:linear-gradient(180deg,rgba(5,7,11,.35),var(--bg) 75%)}.hero h1{font-size:45px}.hero h1 span{font-size:1.18em}.hero-art,.portal-hero .hero-art{height:200px;grid-row:1}.hero-copy{grid-row:2}.hero .lead{font-size:13px}.actions{margin:17px 0 22px}.stats{gap:12px}.stats i{width:35px;height:35px;font-size:17px}.stats b{font-size:11px}.stats small{font-size:9px}.section{padding:23px 16px 30px}.section-head{align-items:start}.section-head h2{font-size:25px}.portal-grid{grid-template-columns:1fr;gap:14px}.portal-card{display:grid;grid-template-columns:38% 1fr;min-height:185px}.portal-art{height:100%;min-height:185px}.portal-art:before{width:100px;height:100px;left:calc(50% - 50px);top:40px}.sigil{top:53px;font-size:45px}.portal-info{padding:13px}.portal-info .eyebrow{font-size:8px;letter-spacing:.12em}.portal-info h3{font-size:25px}.portal-info p:not(.eyebrow){font-size:11px;min-height:0;margin-bottom:10px}.portal-info .btn{font-size:11px;padding:9px}.filter-row{align-items:stretch;flex-direction:column}.search-box{width:100%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{min-height:155px}.game-emoji{height:108px;font-size:52px}.game-meta{padding:7px 9px}.game-meta b{font-size:11px}.game-meta span{font-size:10px}.tag{font-size:8px}.responsible{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:12px}.responsible-icon{width:43px;height:43px;font-size:23px}.responsible>div:nth-child(2){flex:1}.responsible h2{font-size:18px}.responsible .btn{margin-left:0;width:100%}.footer{padding:20px 16px;flex-direction:column;align-items:flex-start}.compact .game-card{min-height:145px}.compact .game-emoji{height:100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Responsive polish and accessible clickable demo cards */
.game-card{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;background-color:var(--panel);appearance:none;-webkit-appearance:none}
.game-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.game-modal[hidden]{display:none!important}.game-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.game-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.game-modal-panel{position:relative;width:min(100%,460px);padding:clamp(22px,5vw,34px);border:1px solid rgba(var(--accent-rgb),.5);border-radius:22px;background:linear-gradient(145deg,#151b26,#07090e 75%);box-shadow:0 25px 90px #000b,0 0 35px rgba(var(--accent-rgb),.12);text-align:center;max-height:calc(100dvh - 36px);overflow:auto}.game-modal-close{position:absolute;right:13px;top:10px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#ffffff0b;color:#fff;font-size:25px;cursor:pointer}.game-modal-panel h2{margin:4px 30px 10px;font-size:clamp(23px,5vw,32px)}.game-modal-note,.game-modal-foot{color:var(--muted);font-size:12px;line-height:1.7}.demo-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0 12px}.demo-reels span{display:grid;place-items:center;min-height:82px;border-radius:13px;border:1px solid rgba(var(--accent-rgb),.5);background:radial-gradient(circle,rgba(var(--accent-rgb),.17),#07090e 75%);font-size:clamp(32px,9vw,48px);color:var(--accent);text-shadow:0 0 18px rgba(var(--accent-rgb),.45)}.demo-result{min-height:24px;font-size:13px;color:var(--accent)}.demo-spin{width:100%;margin:6px 0 8px}.game-modal-foot{font-size:10px;margin-bottom:0}body.modal-open{overflow:hidden}
@media(min-width:681px) and (max-width:1024px){.topbar{padding-inline:20px;gap:14px}.nav{gap:2px}.nav a{padding:9px 10px}.hero,.portal-hero{gap:18px}.hero-art{height:clamp(230px,32vw,310px)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{min-width:0}.game-modal{padding:12px}.game-modal-panel{border-radius:18px}.demo-reels span{min-height:70px}}
@media(max-width:360px){.topbar{padding-inline:10px}.brand{gap:8px}.brand small{letter-spacing:.06em}.game-grid{gap:8px}.game-meta b{font-size:10px}.game-meta span{font-size:9px}}


/* OKACE partner portal cards — isolated page-specific styles */
.okace-sites-section .section-head h2{margin-bottom:8px}
.okace-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.okace-site-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(218,142,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(35,20,52,.96),rgba(13,13,25,.98));box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.okace-site-card:hover,.okace-site-card:focus-visible{transform:translateY(-4px);border-color:rgba(218,142,255,.72);box-shadow:0 14px 34px rgba(155,75,220,.17);outline:none}
.okace-site-logo{height:176px;padding:16px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(155,75,220,.12),rgba(8,8,16,.25))}
.okace-site-logo img{display:block;width:100%;height:100%;object-fit:contain}
.okace-site-info{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.okace-site-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#c79be8}
.okace-site-info h3{font-size:1.08rem;line-height:1.35;margin:0;color:#fff;overflow-wrap:anywhere}
.okace-site-link{display:inline-flex;align-items:center;gap:7px;margin-top:3px;padding:9px 13px;border-radius:10px;background:linear-gradient(110deg,#b34de8,#7629ba);color:#fff;font-size:.88rem;font-weight:700}
@media(max-width:900px){.okace-site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.okace-site-logo{height:160px}}
@media(max-width:520px){.okace-site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.okace-site-card{border-radius:13px}.okace-site-logo{height:118px;padding:10px}.okace-site-info{padding:11px;gap:6px}.okace-site-info h3{font-size:.93rem}.okace-site-label{font-size:.62rem}.okace-site-link{font-size:.78rem;padding:8px 10px}}
@media(max-width:350px){.okace-site-grid{grid-template-columns:minmax(0,1fr)}.okace-site-logo{height:155px}}


/* OKVIP recommended portal directory */
.vip-sites-section{padding-top:12px}
.vip-sites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vip-site-card{min-width:0;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,205,91,.2);border-radius:18px;background:linear-gradient(145deg,rgba(255,213,111,.09),rgba(255,255,255,.025));color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.vip-site-card:hover,.vip-site-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,205,91,.72);box-shadow:0 10px 30px rgba(0,0,0,.22);outline:none}
.vip-site-logo{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#fff;border:1px solid rgba(255,255,255,.12)}
.vip-site-logo img{display:block;width:100%;height:100%;object-fit:contain}
.vip-site-info{display:flex;min-width:0;flex-direction:column;gap:7px}
.vip-site-info strong{font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
.vip-site-info small{color:#ffd778;font-size:.82rem}
@media(max-width:1100px){.vip-sites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.vip-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vip-site-card{gap:10px;padding:10px;border-radius:14px}.vip-site-logo{width:58px;height:58px;flex-basis:58px}.vip-site-info strong{font-size:.92rem}.vip-site-info small{font-size:.75rem}}
@media(max-width:390px){.vip-sites-grid{grid-template-columns:1fr}.vip-site-logo{width:64px;height:64px;flex-basis:64px}}


/* OKTH partner directory cards */
.okth-sites-section{padding-top:12px}.okth-sites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.okth-site-card{min-width:0;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(3,217,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(3,217,255,.08),rgba(255,255,255,.025));color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.okth-site-card:hover,.okth-site-card:focus-visible{transform:translateY(-3px);border-color:rgba(3,217,255,.72);box-shadow:0 10px 30px rgba(0,0,0,.22);outline:none}.okth-site-logo{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#fff;border:1px solid rgba(255,255,255,.12)}.okth-site-logo img{display:block;width:100%;height:100%;object-fit:contain}.okth-site-info{display:flex;min-width:0;flex-direction:column;gap:7px}.okth-site-info strong{font-size:1rem;overflow-wrap:anywhere}.okth-site-info small{color:#54e9ff;font-size:.82rem}
@media(max-width:1100px){.okth-sites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.okth-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.okth-site-card{gap:10px;padding:10px;border-radius:14px}.okth-site-logo{width:58px;height:58px;flex-basis:58px}.okth-site-info strong{font-size:.92rem}.okth-site-info small{font-size:.75rem}}@media(max-width:390px){.okth-sites-grid{grid-template-columns:1fr}.okth-site-logo{width:64px;height:64px;flex-basis:64px}}

/* Centered accessible SEO accordions */
.seo-content{width:min(100% - 32px,920px);margin:0 auto;padding:clamp(32px,6vw,72px) 0 64px}.seo-content h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin:8px 0 16px}.seo-content h2{font-size:clamp(21px,3vw,28px);margin:30px 0 12px}.seo-content p,.seo-content li{color:#d1d5de;line-height:1.85}.seo-content .seo-intro{text-align:center;max-width:760px;margin:0 auto 30px}.seo-accordion{display:grid;gap:12px;margin:24px auto}.seo-accordion details{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}.seo-accordion summary{cursor:pointer;list-style:none;padding:17px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:14px}.seo-accordion summary::-webkit-details-marker{display:none}.seo-accordion summary:after{content:'＋';color:var(--accent);font-size:20px;flex:0 0 auto}.seo-accordion details[open] summary:after{content:'−'}.seo-accordion details[open] summary{border-bottom:1px solid var(--line)}.seo-accordion .accordion-body{padding:4px 20px 18px}.seo-accordion .accordion-body p,.seo-accordion .accordion-body li{font-size:15px}.seo-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.seo-links a{color:var(--accent);padding:9px 13px;border:1px solid var(--line);border-radius:10px;text-decoration:none}