/* ===== Oshi AU Stylesheet =====
   Main static stylesheet.
   Sections:
   1. Base variables and reset
   2. Header/navigation
   3. Hero/banner
   4. Content cards/tables
   5. FAQ accordion
   6. Footer
   7. Responsive rules
================================ */

:root{--bg:#fff;--ink:#0b0f14;--muted:#5c6675;--line:#e7edf4;--soft:#f4f7fb;--card:#fff;--dark:#0b0c10;--cyan:#66fcf1;--cyan2:#2cccbe;--gold:#f7b733;--green:#15b886;--red:#e14d4d;--radius:18px;--shadow:0 18px 50px rgba(20,34,60,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.62;font-size:16px}.container{width:min(1160px,calc(100% - 32px));margin:auto}a{color:inherit;text-decoration:none}.topbar{background:#071015;color:#dffdfb;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:14px;padding:8px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:22px}.logo{font-weight:900;font-size:26px;letter-spacing:-.8px}.logo span{color:#0aaea3}.menu{display:flex;gap:6px;margin-left:auto}.menu a{font-weight:700;font-size:15px;padding:10px 13px;border-radius:12px}.menu a:hover,.menu a.active{background:#edfdfb}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:var(--cyan);color:#050606;font-weight:900;padding:13px 18px;box-shadow:0 8px 0 #37bfb6;transition:.2s}.cta:hover,.btn:hover{transform:translateY(2px);box-shadow:0 5px 0 #37bfb6}.btn.dark{background:#111923;color:#fff;box-shadow:none}.hero{background:#16202b;color:white;overflow:hidden}.hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:56px 0}.crumbs{color:#b4c1ce;font-size:14px;margin-bottom:18px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:.98;margin:0 0 18px;letter-spacing:-2.5px}.hero p{font-size:18px;color:#e8f2f5;max-width:720px}.bonus-strip{background:linear-gradient(135deg,#ffffff 0%,#eafffb 48%,#fff4d8 100%);color:#061014;border:2px solid rgba(102,252,241,.95);border-radius:22px;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin:30px 0 0;box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.65)}.bonus-strip strong{display:block;font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.9px;color:#050b0f;margin-top:8px}.bonus-strip .tag{background:#101820;color:#66fcf1}.bonus-strip small{display:block;color:#43505c;font-weight:800;margin-top:6px}.bonus-strip .btn{min-width:190px;font-size:16px}.hero-card{background:linear-gradient(145deg,#202d3a,#0b0c10);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:24px;min-height:420px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}.casino-chip{background:linear-gradient(180deg,#ffffff,#f2fffd);color:#111;border:2px solid rgba(102,252,241,.65);border-radius:24px;padding:26px;margin-bottom:14px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.casino-chip h2{font-size:32px;margin:12px 0 8px;letter-spacing:-.8px}.casino-chip p{font-size:24px;line-height:1.15;color:#071015!important;font-weight:950;margin:0 0 10px}.rating{display:flex;gap:5px;color:#ffb800;font-size:23px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px}.stat b{display:block;font-size:22px;color:var(--cyan)}.quick-links{margin-top:-24px;position:relative;z-index:3}.quick-links .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ql{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);font-weight:800;display:flex;justify-content:space-between;align-items:center}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:42px 0}.content-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 10px 34px rgba(20,34,60,.06)}.content-card h1{font-size:42px;line-height:1.05;margin:0 0 22px;letter-spacing:-1.2px}.content-card h2{font-size:30px;line-height:1.16;margin:40px 0 14px;letter-spacing:-.7px}.content-card h3{font-size:21px;margin:26px 0 8px}.content-card p{margin:0 0 16px;color:#26313f}.content-card ul{margin:0 0 18px;padding-left:22px}.content-card li{margin:7px 0}.sidebar{position:sticky;top:100px;align-self:start}.side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.side-card h3{margin:0 0 12px}.toc a{display:block;padding:9px 0;border-bottom:1px solid #edf1f6;color:#394658;font-weight:650;font-size:14px}.toc a:hover{color:#008f86}.table-wrap{overflow:auto;margin:20px 0;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:620px}th{background:#0d1117;color:#fff;text-align:left}th,td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}tr:nth-child(even) td{background:#f8fafc}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.mini-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 26px rgba(20,34,60,.06)}.mini-card b{display:block;font-size:22px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.game{border-radius:20px;overflow:hidden;background:#111923;color:white;box-shadow:var(--shadow)}.game-img{height:130px;background:linear-gradient(135deg,#0bbfb3,#8257e6 45%,#f7b733);display:flex;align-items:center;justify-content:center;font-size:46px}.game-body{padding:15px}.tag{display:inline-block;background:#e9fffc;color:#097e77;border-radius:999px;padding:5px 10px;font-weight:900;font-size:12px}.notice{background:#fff9e8;border:1px solid #ffe0a2;border-radius:18px;padding:18px;margin:20px 0;color:#5c3b00}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.trust{background:#f5fffe;border:1px solid #c9f5ef;border-radius:16px;padding:16px;font-weight:800}.faq-q{background:#f4f7fb;border-radius:14px;padding:14px 16px;border:1px solid var(--line)}.footer{background:#0b0c10;color:#e7f6f5;margin-top:42px}.footer .container{padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer a{display:block;color:#d8eeee;margin:7px 0}.disclaimer{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px;color:#aec2c5;font-size:13px}.mobile-toggle{display:none;margin-left:auto;background:#eefaf9;border:1px solid #ccefeb;border-radius:12px;padding:10px 12px;font-weight:900}.legal-page .hero .container{grid-template-columns:1fr;padding:38px 0}.legal-page .hero-card{display:none}@media(max-width:900px){.topbar{display:none}.nav{height:auto;min-height:68px;flex-wrap:wrap}.mobile-toggle{display:block}.menu{display:none;flex-direction:column;width:100%;order:9}.menu.open{display:flex}.header .cta{display:none}.hero .container,.main-grid{grid-template-columns:1fr}.quick-links .grid{grid-template-columns:1fr 1fr}.hero-card{min-height:auto}.sidebar{position:static}.game-grid,.trust-row,.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.content-card{padding:22px}.content-card h1{font-size:34px}}@media(max-width:540px){.quick-links .grid,.game-grid,.trust-row,.cards{grid-template-columns:1fr}.bonus-strip{display:block;padding:20px}.bonus-strip strong{font-size:29px}.bonus-strip .btn{margin-top:16px;width:100%}.hero h1{font-size:38px}.logo{font-size:22px}}

/* Compact how-to steps fix */
.process-list{
  list-style:none;
  counter-reset:step;
  padding:0 !important;
  margin:18px 0 30px !important;
  display:grid;
  gap:12px;
}
.process-list li{
  counter-increment:step;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:start;
  background:#f7fbff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
  margin:0 !important;
}
.process-list li::before{
  content:counter(step);
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#101820;
  color:#66fcf1;
  font-weight:950;
  box-shadow:0 6px 18px rgba(16,24,32,.15);
}
.process-list strong{display:block;font-size:17px;line-height:1.25;color:#0b0f14;margin-bottom:3px}
.process-list span{display:block;font-size:15px;line-height:1.5;color:#455364}
@media(max-width:540px){.process-list li{grid-template-columns:34px 1fr;padding:13px}.process-list li::before{width:34px;height:34px}}

/* V3 visible bonus fix */
.hero .bonus-strip{
  background:linear-gradient(135deg,#66fcf1 0%,#f7ff00 58%,#ffffff 100%) !important;
  color:#02070a !important;
  border:4px solid #ffffff !important;
  border-radius:28px !important;
  padding:28px !important;
  box-shadow:0 28px 90px rgba(102,252,241,.45),0 0 0 6px rgba(102,252,241,.22) !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  margin-top:34px !important;
}
.hero .bonus-strip strong{
  color:#02070a !important;
  font-size:clamp(32px,4.4vw,56px) !important;
  line-height:.98 !important;
  letter-spacing:-1.5px !important;
  text-shadow:none !important;
}
.hero .bonus-strip strong .bonus-line{display:block;font-size:.66em;text-transform:uppercase;letter-spacing:.06em;color:#111923;margin-bottom:8px}
.hero .bonus-strip small{color:#111923 !important;font-size:15px !important;font-weight:900 !important}
.hero .bonus-strip .tag{display:inline-block;background:#071015 !important;color:#66fcf1 !important;border-radius:999px;padding:7px 11px;font-weight:900}
.hero .bonus-strip .btn{background:#071015 !important;color:#fff !important;box-shadow:0 8px 0 rgba(0,0,0,.35) !important;white-space:nowrap}
@media(max-width:760px){.hero .bonus-strip{grid-template-columns:1fr !important}.hero .bonus-strip .btn{width:100%}.hero .bonus-strip strong{font-size:34px !important}}

.main-grid-home{grid-template-columns:1fr;max-width:1160px;margin:auto}.main-grid-home .content-card{max-width:none}.faq-accordion{display:grid;gap:12px;margin:20px 0 6px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(20,34,60,.05);overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:17px 52px 17px 18px;font-weight:850;color:#101820;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:999px;background:#e9fffc;color:#047d75;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}.faq-item[open] summary:after{content:'−';background:#66fcf1;color:#071015}.faq-answer{padding:0 18px 18px;color:#26313f}.faq-answer p{margin:0}.hero .container{padding-top:48px}

.header-actions{display:flex;align-items:center;gap:10px;margin-left:12px}.header-actions .header-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:900;padding:11px 16px;border:1px solid #cfe9e7;line-height:1;white-space:nowrap}.header-actions .login-btn{background:#fff;color:#071015}.header-actions .signup-btn{background:var(--cyan);color:#050606;box-shadow:0 7px 0 #37bfb6;border-color:var(--cyan)}.header-actions .signup-btn:hover{transform:translateY(2px);box-shadow:0 4px 0 #37bfb6}.pros-cons-block{margin:22px 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pros-card,.cons-card{border-radius:24px;padding:24px;border:1px solid var(--line);box-shadow:0 14px 36px rgba(20,34,60,.08);background:#fff;position:relative;overflow:hidden}.pros-card:before,.cons-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px}.pros-card:before{background:linear-gradient(90deg,#13c9aa,#66fcf1)}.cons-card:before{background:linear-gradient(90deg,#ff7b7b,#ffbf69)}.pros-card h3,.cons-card h3{display:flex;align-items:center;gap:10px;font-size:24px;margin:2px 0 16px!important}.pros-card h3 span,.cons-card h3 span{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:17px}.pros-card h3 span{background:#e8fffb;color:#008f7a}.cons-card h3 span{background:#fff0e8;color:#c65322}.pros-cons-block ul{list-style:none;margin:0!important;padding:0!important}.pros-cons-block li{display:flex;gap:10px;align-items:flex-start;margin:10px 0!important;color:#26313f}.pros-cons-block li:before{font-weight:900;line-height:1.45}.pros-card li:before{content:"✓";color:#00a68f}.cons-card li:before{content:"!";color:#d76a2c}.footer .container{padding:44px 0}.footer-grid{grid-template-columns:1fr 1fr!important;align-items:start}.footer-brand p{max-width:520px}.footer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.footer-actions .footer-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:900;padding:12px 18px}.footer-actions .footer-login{background:#fff;color:#071015}.footer-actions .footer-signup{background:var(--cyan);color:#050606}.footer-links-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-links-wrap h3{margin-top:0}@media(max-width:900px){.header-actions{width:100%;order:10;margin-left:0;padding-bottom:14px}.header-actions .header-btn{flex:1}.pros-cons-block{grid-template-columns:1fr}.footer-grid,.footer-links-wrap{grid-template-columns:1fr!important}}


/* V7 compact header buttons and slot cards */
.header-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:10px !important;
  flex:0 0 auto !important;
  width:auto !important;
  padding:0 !important;
}
.header-actions .header-btn{
  min-width:82px !important;
  height:38px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  font-size:14px !important;
  line-height:1 !important;
  box-shadow:none !important;
}
.header-actions .signup-btn{
  min-width:96px !important;
  box-shadow:0 4px 0 #37bfb6 !important;
}
.header-actions .signup-btn:hover{box-shadow:0 2px 0 #37bfb6 !important;}
@media(max-width:900px){
  .header-actions{order:8 !important;margin-left:auto !important;padding-bottom:0 !important;width:auto !important;}
  .header-actions .header-btn{flex:0 0 auto !important;}
}
@media(max-width:620px){
  .nav{gap:10px !important;}
  .header-actions{width:100% !important;justify-content:flex-start !important;margin-left:0 !important;order:7 !important;padding:0 0 10px !important;}
}
.slot-showcase{margin:34px 0 8px;}
.slot-showcase__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.slot-showcase__head h2{margin:0 !important;}
.slot-showcase__head p{margin:0;color:#5c6675;max-width:520px;}
.slot-grid-six{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 28px;}
.slot-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(20,34,60,.08);}
.slot-thumb{height:118px;background:linear-gradient(135deg,#102333,#0bbfb3 50%,#f7b733);display:flex;align-items:center;justify-content:center;color:#fff;font-size:42px;font-weight:950;letter-spacing:-1px;}
.slot-card:nth-child(2) .slot-thumb{background:linear-gradient(135deg,#33103a,#8257e6 48%,#ffbf69)}
.slot-card:nth-child(3) .slot-thumb{background:linear-gradient(135deg,#0d3b2d,#15b886 50%,#66fcf1)}
.slot-card:nth-child(4) .slot-thumb{background:linear-gradient(135deg,#29190b,#f7b733 48%,#fff0b3)}
.slot-card:nth-child(5) .slot-thumb{background:linear-gradient(135deg,#20121a,#e14d4d 48%,#ffbf69)}
.slot-card:nth-child(6) .slot-thumb{background:linear-gradient(135deg,#0f172a,#38bdf8 50%,#66fcf1)}
.slot-body{padding:14px;}
.slot-body h3{font-size:17px !important;margin:0 0 8px !important;line-height:1.2;}
.slot-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.slot-meta span{font-size:12px;font-weight:800;color:#344054;background:#f4f7fb;border-radius:999px;padding:4px 8px;}
.slot-card .btn{width:100%;height:38px;padding:0 12px;font-size:14px;border-radius:10px;box-shadow:0 4px 0 #37bfb6;}
@media(max-width:900px){.slot-grid-six{grid-template-columns:repeat(2,1fr);}}
@media(max-width:540px){.slot-grid-six{grid-template-columns:1fr}.slot-showcase__head{display:block}.slot-showcase__head p{margin-top:8px}}


.home-page .hero .container{grid-template-columns:1fr !important;max-width:1160px;}

/* V8 intro/header fixes */
.hero-intro{max-width:900px;margin:0 0 8px;}
.hero-intro p{font-size:18px;line-height:1.65;color:#e8f2f5;margin:0 0 14px;}
.home-page .quick-links .grid{grid-template-columns:repeat(4,1fr)!important;}
.nav{position:relative;}
.mobile-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:38px;padding:0!important;margin-left:6px!important;background:#eefaf9;border:1px solid #ccefeb;border-radius:12px;flex:0 0 auto;}
.mobile-toggle span{display:block;width:18px;height:2px;background:#071015;border-radius:2px;margin:2px 0;}
.header-actions{order:3;}
.mobile-toggle{order:4;}
.menu{order:2;}
@media(min-width:901px){.menu{display:flex}.mobile-toggle{margin-left:4px!important}}
@media(max-width:900px){.menu{display:none;position:absolute;left:0;right:0;top:100%;width:100%;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;padding:10px;box-shadow:0 18px 40px rgba(20,34,60,.12)}.menu.open{display:flex}.home-page .quick-links .grid{grid-template-columns:1fr 1fr!important}.hero-intro p{font-size:16px}.hero h1{font-size:36px}}
@media(max-width:540px){.home-page .quick-links .grid{grid-template-columns:1fr!important}.header-actions .header-btn{min-width:auto!important;padding:0 10px!important}.hero-intro p{font-size:15.5px}}

/* v10 refinements */
.mobile-toggle{width:44px;height:40px;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:8px;background:#f3fbfa;border:1px solid #d5eeee;border-radius:12px;padding:0;cursor:pointer}
.mobile-toggle span{display:block;width:20px;height:2px;background:#111923;border-radius:999px}
.footer-links-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px}
.footer-links-wrap>div{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:start}
.footer-links-wrap>div h3{grid-column:1/-1;margin:0 0 10px}
.footer-links-wrap>div a{margin:5px 0}
@media(max-width:900px){.mobile-toggle{order:8;margin-left:auto}.menu{order:9}.header-actions{order:7;width:auto!important;margin-left:auto!important;padding-bottom:0!important}.header-actions .header-btn{flex:initial!important}.footer-links-wrap,.footer-links-wrap>div{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.header-actions{display:none}.footer-links-wrap,.footer-links-wrap>div{grid-template-columns:1fr!important}}


/* Static inner-page layout restored from DOCX content */
.inner-hero{background:#15202b;color:#fff;padding:54px 0 44px}
.inner-hero .breadcrumbs{font-size:13px;color:#b8c7d2;margin-bottom:18px}
.inner-hero .breadcrumbs a{color:#dffdfb;text-decoration:none}
.inner-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0 0 18px;letter-spacing:-1.6px;max-width:940px}
.inner-hero p{font-size:18px;line-height:1.7;color:#e7f1f5;max-width:900px;margin:0}
.page-shell{width:min(1160px,calc(100% - 32px));margin:38px auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.article-card{background:#fff;border:1px solid var(--line,#e7edf4);border-radius:24px;padding:34px;box-shadow:0 12px 36px rgba(20,34,60,.07)}
.article-card h2{font-size:30px;line-height:1.18;letter-spacing:-.6px;margin:42px 0 14px}
.article-card h2:first-child{margin-top:0}
.article-card h3{font-size:22px;line-height:1.25;margin:30px 0 10px}
.article-card p{margin:0 0 16px;color:#26313f}
.article-card ul,.article-card ol{margin:0 0 20px;padding-left:22px}
.article-card li{margin:8px 0}
.toc-card{position:sticky;top:98px;align-self:start;background:#fff;border:1px solid var(--line,#e7edf4);border-radius:20px;padding:20px;box-shadow:0 14px 38px rgba(20,34,60,.08)}
.toc-card h3{margin:0 0 12px;font-size:18px}
.toc-card a{display:block;padding:9px 0;border-bottom:1px solid #edf1f6;color:#3d4a5b;font-weight:650;font-size:14px;text-decoration:none}
.toc-card a:hover{color:#008f86}
.table-wrap{overflow:auto;margin:20px 0 26px;border:1px solid var(--line,#e7edf4);border-radius:18px;background:#fff}
.table-wrap table{width:100%;border-collapse:collapse;min-width:620px}
.table-wrap th{background:#0d1117;color:#fff;text-align:left}
.table-wrap th,.table-wrap td{padding:13px 15px;border-bottom:1px solid #e7edf4;vertical-align:top}
.table-wrap tr:nth-child(even) td{background:#f8fafc}
.step-grid{display:grid;gap:12px;margin:18px 0 30px}
.step-card{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;background:#f7fbff;border:1px solid #e7edf4;border-radius:16px;padding:14px 16px}
.step-card .num{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#101820;color:#66fcf1;font-weight:950}
.step-card strong{display:block;font-size:17px;line-height:1.25;color:#0b0f14;margin-bottom:3px}
.step-card span{display:block;font-size:15px;line-height:1.5;color:#455364}
.icon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 28px}
.icon-item{background:#fff;border:1px solid #e7edf4;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(20,34,60,.05)}
.icon-item b{display:block;margin-bottom:4px}.icon-item span{color:#526170;font-size:15px}
.notice-box{background:#fff9e8;border:1px solid #ffe0a2;border-radius:18px;padding:18px;margin:20px 0;color:#5c3b00}
.faq details{background:#f7fbff;border:1px solid #e7edf4;border-radius:16px;padding:0;margin:10px 0;overflow:hidden}
.faq summary{cursor:pointer;font-weight:900;padding:16px 18px}
.faq p{padding:0 18px 18px;margin:0;color:#364456}
.footer-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
@media(max-width:900px){.page-shell{grid-template-columns:1fr}.toc-card{position:static}.article-card{padding:24px}.icon-list{grid-template-columns:1fr}}
@media(max-width:560px){.inner-hero h1{font-size:34px}.table-wrap table{min-width:520px}.footer-menu-grid{grid-template-columns:1fr}}


/* v21 safe review additions */
.home-banner-link{display:inline-flex;margin-bottom:14px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#dffdfb;font-weight:800;font-size:14px}
.review-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 24px}
.review-feature{background:#f7fbff;border:1px solid #e7edf4;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(20,34,60,.05)}
.review-feature b{display:block;margin-bottom:5px}
.review-feature span{color:#526170;font-size:15px}
.security-box{background:linear-gradient(135deg,#eefdfa,#fff);border:1px solid #ccefeb;border-radius:20px;padding:22px;margin:20px 0}
.security-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.security-list div{background:#fff;border:1px solid #e7edf4;border-radius:14px;padding:12px;text-align:center;font-weight:850;font-size:14px}
.verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 28px}
.verdict-card{border-radius:22px;padding:22px;border:1px solid #e7edf4;box-shadow:0 14px 32px rgba(20,34,60,.08)}
.verdict-card.good{background:linear-gradient(180deg,#effffb,#fff)}
.verdict-card.bad{background:linear-gradient(180deg,#fff5f5,#fff)}
.verdict-card h3{margin-top:0}
.verdict-card ul{list-style:none;padding:0;margin:0}
.verdict-card li{padding:9px 0;border-bottom:1px solid rgba(0,0,0,.07)}
@media(max-width:760px){.review-feature-grid,.security-list,.verdict-grid{grid-template-columns:1fr}}



/* ===== Slot image cards ===== */
.slot-thumb{
    height:180px;
    border-radius:18px;
    overflow:hidden;
    background:#111923;
    display:block;
}

.slot-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.slot-thumb.placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#66fcf1;
    font-weight:900;
    font-size:34px;
    letter-spacing:.06em;
    background:linear-gradient(135deg,#101820,#173f47);
}



/* ===== Fixed 6-slot grid ===== */
.slot-grid-six{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:24px 0 34px;
}

.slot-card{
    background:#fff;
    border:1px solid #e7edf4;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(20,34,60,.08);
}

.slot-thumb{
    height:165px;
    border-radius:0;
    overflow:hidden;
    background:#111923;
}

.slot-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.slot-body{
    padding:16px;
}

.slot-body h3{
    margin:0 0 10px;
}

.slot-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 12px;
}

.slot-meta span{
    background:#f3f7fb;
    border:1px solid #e7edf4;
    border-radius:999px;
    padding:5px 9px;
    font-size:12px;
    font-weight:700;
    color:#465567;
}

.slot-card .btn{
    width:100%;
    box-shadow:none;
    padding:10px 14px;
}

@media(max-width:900px){
    .slot-grid-six{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:560px){
    .slot-grid-six{grid-template-columns:1fr;}
}



/* ===== Mobile safety fixes ===== */
html, body{
    max-width:100%;
    overflow-x:hidden;
}

img{
    max-width:100%;
}

.table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

@media(max-width:560px){
    .container{
        width:calc(100% - 24px);
    }

    .hero h1,
    .inner-hero h1{
        word-break:normal;
        overflow-wrap:anywhere;
    }

    .header-actions{
        gap:6px;
    }

    .header-btn{
        min-width:auto;
        padding:8px 10px;
        font-size:13px;
    }
}



/* ===== Strong mobile overflow fix ===== */
*{
    box-sizing:border-box;
}

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

.container,
.page-shell,
.main-grid,
.article-card,
.content-card,
.sidebar,
.toc-card,
.inner-hero .container,
.hero .container{
    max-width:100%;
    min-width:0;
}

.article-card,
.content-card{
    overflow:hidden;
}

.article-card p,
.content-card p,
.article-card li,
.content-card li,
.article-card h1,
.article-card h2,
.article-card h3,
.content-card h1,
.content-card h2,
.content-card h3{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
}

.table-wrap{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

img,
video,
iframe{
    max-width:100%;
}

@media(max-width:760px){
    .container{
        width:calc(100% - 24px) !important;
        max-width:calc(100% - 24px) !important;
    }

    .page-shell,
    .main-grid{
        width:calc(100% - 24px) !important;
        max-width:calc(100% - 24px) !important;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }

    .article-card,
    .content-card{
        width:100%;
        max-width:100%;
        padding:22px 18px;
        border-radius:18px;
    }

    .article-card h2,
    .content-card h2{
        font-size:26px;
        line-height:1.18;
    }

    .article-card h3,
    .content-card h3{
        font-size:20px;
        line-height:1.22;
    }

    .article-card p,
    .content-card p{
        font-size:16px;
        line-height:1.65;
    }

    .toc-card,
    .sidebar{
        width:100%;
        max-width:100%;
        position:static;
        margin-top:22px;
    }

    table{
        min-width:560px;
    }
}

@media(max-width:420px){
    .container{
        width:calc(100% - 20px) !important;
        max-width:calc(100% - 20px) !important;
    }

    .page-shell,
    .main-grid{
        width:calc(100% - 20px) !important;
        max-width:calc(100% - 20px) !important;
    }

    .article-card,
    .content-card{
        padding:20px 16px;
    }
}



/* ===== Contact form ===== */
.contact-form-block{
    margin-top:34px;
    padding-top:28px;
    border-top:1px solid #e7edf4;
}

.contact-form{
    display:grid;
    gap:16px;
    margin-top:18px;
}

.form-row{
    display:grid;
    gap:7px;
}

.form-row label{
    font-weight:800;
    color:#111923;
}

.form-row input,
.form-row textarea{
    width:100%;
    border:1px solid #dbe4ee;
    border-radius:14px;
    padding:13px 14px;
    font:inherit;
    background:#fff;
    color:#111923;
    outline:none;
}

.form-row input:focus,
.form-row textarea:focus{
    border-color:#66fcf1;
    box-shadow:0 0 0 3px rgba(102,252,241,.22);
}

.contact-form textarea{
    resize:vertical;
    min-height:140px;
}

.contact-form .btn{
    width:max-content;
    border:0;
    cursor:pointer;
}

@media(max-width:560px){
    .contact-form .btn{
        width:100%;
    }
}



/* ===== Safe desktop readability fix ===== */
@media(min-width:901px){
    .page-shell,
    .main-grid{
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
    }

    .article-card,
    .content-card{
        max-width:100%;
    }

    .article-card p,
    .content-card p,
    .article-card li,
    .content-card li{
        max-width:760px;
    }

    .table-wrap{
        max-width:100%;
    }
}



/* ===== Sticky header ===== */
.header{
    position:sticky;
    top:0;
    z-index:999;
    width:100%;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 6px 20px rgba(10,20,30,.08);
}

.topbar{
    position:relative;
    z-index:1000;
}