/* ═══════════ TOKENS ═══════════ */
:root{
  --bg:#0a1628;--bg-card:#0e2040;--bg-hover:#132850;
  --border:#1e3a5f;--border-light:#2a4a72;
  --blue:#1a6fc4;--blue-light:#4db8e8;--blue-dark:#1258a0;
  --gold:#d4a843;--gold-light:#e8c86a;--gold-dark:#b08830;
  --ice:#e8f4fd;--text:#e8f4fd;--muted:#7a9abf;
  --green:#10b981;--red:#ef4444;
  --font-h:'Montserrat','Segoe UI',sans-serif;
  --font-b:'Open Sans','Segoe UI',sans-serif;
  --r-sm:8px;--r-md:12px;--r-lg:16px;
  --shadow:0 10px 34px rgba(0,0,0,.5);
  --shadow-blue:0 6px 24px rgba(26,111,196,.2);
}
/* ═══════════ RESET ═══════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--bg);color:var(--text);font-family:var(--font-b);line-height:1.6;overflow-x:hidden}
a{color:var(--blue-light);text-decoration:none}a:hover{color:var(--gold)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-h)}
/* ═══════════ LAYOUT ═══════════ */
.ok-main{min-height:60vh}
.ok-narrow{max-width:820px;margin:0 auto;padding:40px 20px}
.ok-prose p{margin-bottom:16px;color:var(--text);line-height:1.8}
.ok-main-wrap{display:grid;grid-template-columns:1fr 320px;gap:28px;max-width:1180px;margin:0 auto;padding:32px 20px}
.ok-main-col{min-width:0}.ok-side-col{min-width:0}
@media(max-width:900px){.ok-main-wrap{grid-template-columns:1fr;}.ok-side-col{order:-1}}
/* ═══════════ TOPBAR ═══════════ */
.ok-topbar{background:#060e1a;border-bottom:1px solid var(--border);font-size:13px;padding:6px 0}
.ok-topbar__inner{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ok-topbar__slogan{color:var(--muted)}
.ok-topbar__actions{display:flex;align-items:center;gap:12px}
.ok-lang{display:flex;gap:6px}.ok-lang-btn{padding:3px 10px;border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:12px;font-weight:600}
.ok-lang-btn.active,.ok-lang-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.ok-age{background:#1a2840;border:1px solid var(--border);color:var(--gold);font-weight:700;font-size:12px;padding:3px 8px;border-radius:4px}
/* ═══════════ HEADER / NAV ═══════════ */
.ok-header{background:rgba(10,22,40,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:box-shadow .3s}
.ok-header.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.5)}
.ok-nav{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;height:64px}
.ok-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.ok-logo-icon{font-size:28px}.ok-logo-text{font-family:var(--font-h);font-weight:900;font-size:22px;letter-spacing:-.5px}
.ok-logo-text .nk{color:var(--ice)}.ok-logo-text .accent{color:var(--blue-light)}.ok-logo-text .tld{color:var(--gold);font-size:18px}
.ok-menu{display:flex;gap:4px;align-items:center;list-style:none;flex:1}
.ok-menu li a{padding:8px 12px;border-radius:var(--r-sm);color:var(--text);font-size:14px;font-weight:600;transition:background .2s,color .2s;white-space:nowrap}
.ok-menu li a:hover,.ok-menu li a.active{background:var(--bg-hover);color:var(--blue-light)}
.ok-menu li.menu-item-has-children{position:relative}
.ok-menu li.menu-item-has-children ul.sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);min-width:200px;padding:8px 0;box-shadow:var(--shadow);z-index:200}
.ok-menu li.menu-item-has-children:hover ul.sub-menu{display:block}
.ok-menu li.menu-item-has-children ul.sub-menu li a{display:block;padding:9px 16px;color:var(--muted);font-weight:400}
.ok-menu li.menu-item-has-children ul.sub-menu li a:hover{color:var(--blue-light);background:var(--bg-hover)}
.ok-nav-cta>a{background:var(--blue);color:#fff!important;border-radius:20px;padding:8px 16px!important}
.ok-nav-cta>a:hover{background:var(--blue-dark)!important}
.ok-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}
.ok-hamburger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}
.ok-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ok-hamburger.open span:nth-child(2){opacity:0}
.ok-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){.ok-menu{display:none}.ok-hamburger{display:flex}}
/* ═══════════ MOBILE MENU ═══════════ */
.ok-mobile-menu{position:fixed;inset:0;z-index:300;background:rgba(10,22,40,.98);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);padding:80px 28px 40px;overflow-y:auto}
.ok-mobile-menu.open{transform:translateX(0)}
.ok-mobile-close{position:absolute;top:18px;right:22px;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer}
.ok-mobile-menu__list{list-style:none}.ok-mobile-menu__list li a{display:block;padding:14px 0;font-size:20px;font-weight:700;border-bottom:1px solid var(--border);color:var(--ice)}
.ok-mobile-menu__list .sub-menu{padding-left:16px}.ok-mobile-menu__list .sub-menu li a{font-size:16px;font-weight:500;padding:10px 0}
/* ═══════════ HERO ═══════════ */
.ok-hero{background:linear-gradient(135deg,#060e1a 0%,#0a1628 40%,#0d2845 100%);padding:64px 20px 48px;text-align:center;position:relative;overflow:hidden}
.ok-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(26,111,196,.15) 0%,transparent 70%);pointer-events:none}
.ok-hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,67,.08) 0%,transparent 70%);pointer-events:none}
.ok-hero__inner{position:relative;max-width:820px;margin:0 auto}
.ok-hero__badge{display:inline-block;background:rgba(26,111,196,.15);border:1px solid var(--border-light);color:var(--blue-light);padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}
.ok-hero__title{font-size:clamp(28px,5vw,46px);font-weight:900;line-height:1.15;color:var(--ice);margin-bottom:16px}
.ok-hero__sub{font-size:clamp(15px,2vw,18px);color:var(--muted);max-width:640px;margin:0 auto}
.ok-hero--sub{padding:40px 20px 32px}
.ok-hero--sub .ok-hero__title{font-size:clamp(22px,4vw,34px)}
/* ═══════════ TRUST BAR ═══════════ */
.ok-trust-bar{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(14,32,64,.8);border-bottom:1px solid var(--border);max-width:100%}
.ok-trust-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border-right:1px solid var(--border);text-align:center}
.ok-trust-item:last-child{border-right:none}
.ok-trust-item .emo{font-size:24px}.ok-trust-item strong{font-size:20px;font-weight:900;color:var(--gold)}.ok-trust-item span{font-size:12px;color:var(--muted)}
@media(max-width:600px){.ok-trust-bar{grid-template-columns:repeat(2,1fr)}.ok-trust-item{border-bottom:1px solid var(--border)}}
/* ═══════════ FILTERS ═══════════ */
.ok-filter-wrap{max-width:1180px;margin:0 auto;padding:24px 20px 12px}
.ok-filters{display:flex;gap:8px;flex-wrap:wrap}
.ok-filter{background:var(--bg-card);border:1px solid var(--border);color:var(--muted);padding:8px 18px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:.2s;white-space:nowrap}
.ok-filter:hover,.ok-filter.active{background:var(--blue);border-color:var(--blue);color:#fff}
/* ═══════════ CASINO LISTING ═══════════ */
.ok-listing{max-width:1180px;margin:0 auto;padding:0 20px 32px;display:flex;flex-direction:column;gap:14px}
.ok-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:grid;grid-template-columns:36px 80px 1fr auto auto;gap:16px;align-items:center;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}
.ok-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-blue)}
.ok-card.fade-in{opacity:0;animation:fadeUp .5s ease forwards}
@keyframes fadeUp{to{opacity:1;transform:none}}
.ok-card__rank{width:36px;height:36px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;flex-shrink:0}
.ok-card__logo{width:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ok-card__logo img{max-width:72px;max-height:40px;object-fit:contain}
.ok-card__logo-fallback{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--r-sm);width:72px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--muted);text-align:center;padding:2px}
.ok-card__info{min-width:0}.ok-card__name{font-family:var(--font-h);font-weight:800;font-size:17px;color:var(--ice);margin-bottom:4px}
.ok-card__badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}
.ok-card__meta{display:flex;gap:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.ok-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}
.ok-badge--fast,.ok-badge--crypto{background:rgba(26,111,196,.2);color:var(--blue-light)}
.ok-badge--nodeposit,.ok-badge--bonus{background:rgba(212,168,67,.15);color:var(--gold)}
.ok-badge--live{background:rgba(16,185,129,.15);color:var(--green)}
.ok-badge--sports{background:rgba(239,68,68,.15);color:#f87171}
.ok-badge--new{background:rgba(77,184,232,.15);color:var(--blue-light)}
.ok-card__stats{display:flex;gap:14px;justify-content:flex-end;flex-shrink:0}
.ok-card__stat{text-align:center;min-width:64px}
.ok-card__stat-val{display:block;font-weight:900;font-size:15px;color:var(--ice)}
.ok-card__stat-val.gold{color:var(--gold)}
.ok-card__stat-lbl{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.ok-stars{color:var(--gold);font-size:12px}
.ok-wager-good{color:var(--green)!important}.ok-wager-mid{color:var(--blue-light)!important}.ok-wager-bad{color:#f87171!important}
.ok-card__actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:110px}
.ok-btn-play,.ok-btn-review,.ok-btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:var(--r-sm);font-weight:700;font-size:13px;white-space:nowrap;transition:.2s;text-align:center}
.ok-btn-play{background:var(--gold);color:#0a1628}.ok-btn-play:hover{background:var(--gold-light);color:#0a1628}
.ok-btn-review{background:transparent;border:1px solid var(--border-light);color:var(--muted)}.ok-btn-review:hover{border-color:var(--blue);color:var(--blue-light)}
.ok-btn-cta{background:var(--blue);color:#fff}.ok-btn-cta:hover{background:var(--blue-dark);color:#fff}
.ok-btn-cta--wide{width:100%;border-radius:var(--r-md);padding:12px 20px;font-size:15px}
@media(max-width:720px){.ok-card{grid-template-columns:32px 60px 1fr;grid-template-rows:auto auto;gap:10px}.ok-card__stats{grid-column:1/-1;justify-content:space-around}.ok-card__actions{grid-column:1/-1;flex-direction:row}.ok-card__logo{width:60px}}
/* ═══════════ REVIEW ═══════════ */
.ok-breadcrumb-bar{background:#060e1a;border-bottom:1px solid var(--border);padding:8px 0}
.ok-breadcrumb{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.ok-breadcrumb .sep{color:var(--border-light)}.ok-breadcrumb a{color:var(--muted)}.ok-breadcrumb a:hover{color:var(--blue-light)}.ok-breadcrumb .current{color:var(--text)}
.ok-review-hero{max-width:1180px;margin:0 auto;padding:32px 20px;display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}
.ok-review-head{display:flex;gap:20px;align-items:center;margin-bottom:20px}.ok-review-logo img{max-width:100px;max-height:56px;object-fit:contain}
.ok-review-title{font-size:clamp(20px,3vw,28px);font-weight:900;color:var(--ice);margin-bottom:10px}
.ok-review-chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--bg-card);border:1px solid var(--border);padding:4px 12px;border-radius:14px;font-size:12px;font-weight:600}
.chip--blue{border-color:var(--blue);color:var(--blue-light)}.chip--gold{border-color:var(--gold-dark);color:var(--gold)}
.ok-review-scoreline{display:flex;align-items:center;gap:16px;margin:16px 0}.ok-score-num{font-size:48px;font-weight:900;color:var(--gold);line-height:1}
.ok-score-stars{font-size:20px;color:var(--gold)}.ok-review-intro{color:var(--muted);line-height:1.7;font-size:15px}
.ok-cta-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:24px;position:sticky;top:80px;text-align:center;box-shadow:var(--shadow)}
.ok-cta-kicker{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.ok-cta-amount{font-size:22px;font-weight:900;color:var(--gold);margin-bottom:4px}
.ok-cta-fs{font-size:14px;color:var(--blue-light);margin-bottom:16px}.ok-cta-wager{font-size:11px;color:var(--muted);margin-top:10px}.ok-cta-trust{font-size:11px;color:var(--muted);margin-top:4px}
@media(max-width:860px){.ok-review-hero{grid-template-columns:1fr}.ok-cta-box{position:static}}
.ok-content-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}
.ok-content-card h2{font-size:20px;font-weight:800;color:var(--ice);margin-bottom:16px}
.ok-proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pc h3{font-size:16px;font-weight:700;margin-bottom:10px}.pc--pro h3{color:var(--green)}.pc--con h3{color:#f87171}
.pc ul li{padding:6px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--muted)}
.ok-score-table{width:100%;border-collapse:collapse}.ok-score-table tr td{padding:8px 0;font-size:14px;vertical-align:middle}
.ok-score-table td:first-child{color:var(--muted);width:130px}.ok-score-table .val{text-align:right;font-weight:700;color:var(--gold);font-size:13px;width:50px}
.ok-bar-wrap{display:inline-block;width:100%;max-width:220px;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}
.ok-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--blue) 0%,var(--blue-light) 100%);border-radius:4px;transition:width .8s ease}
.ok-bonus-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ok-stat-chip{background:var(--bg-hover);border-radius:var(--r-md);padding:14px 18px;text-align:center;flex:1;min-width:90px}
.ok-stat-chip .val{font-weight:900;font-size:18px;display:block;margin-bottom:4px}.ok-stat-chip .lbl{font-size:11px;color:var(--muted)}
.ok-howto{margin:20px 0}.ok-howto h3{font-size:16px;font-weight:700;color:var(--blue-light);margin-bottom:12px}
.ok-howto ol{padding-left:24px;color:var(--muted)}.ok-howto ol li{padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}
.ok-coins-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ok-coin-pill{background:var(--bg-hover);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;color:var(--text)}
.ok-verdict p{font-size:15px;line-height:1.7;color:var(--text);margin-bottom:16px}
.ok-disclaimer{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}
.ok-similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ok-similar-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;text-align:center;display:flex;flex-direction:column;gap:6px}
.ok-similar-card .name{font-weight:700;font-size:15px}.ok-similar-card .bonus{font-size:13px;font-weight:600}.ok-similar-card .score{font-size:13px;color:var(--muted)}.ok-similar-card .rev{font-size:12px;color:var(--muted)}
@media(max-width:600px){.ok-proscons{grid-template-columns:1fr}.ok-similar-grid{grid-template-columns:1fr}}
/* ═══════════ SIDEBAR ═══════════ */
.ok-sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:20px;overflow:hidden}
.ok-sidebar-widget__title{padding:12px 14px;font-weight:800;font-size:15px;background:var(--bg-hover);border-bottom:1px solid var(--border)}
.ok-sidebar-casino-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}
.ok-sidebar-casino-item .rank{width:22px;height:22px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;flex-shrink:0}
.ok-sidebar-casino-item .logo{width:40px;text-align:center;font-size:10px;font-weight:700;color:var(--muted)}.ok-sidebar-casino-item .logo img{max-width:36px;max-height:22px;object-fit:contain}
.ok-sidebar-casino-item .info{flex:1;min-width:0}.ok-sidebar-casino-item .name{font-weight:700;display:block;truncate:ellipsis;overflow:hidden;white-space:nowrap}.ok-sidebar-casino-item .name:hover{color:var(--blue-light)}
.ok-sidebar-casino-item .bonus{font-size:11px;color:var(--gold);font-weight:600}
.ok-sidebar-casino-item .cta-btn{background:var(--gold);color:#0a1628;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;flex-shrink:0;white-space:nowrap}
.ok-sidebar-note{font-size:11px;color:var(--muted)}
/* ═══════════ SECTIONS / TILES ═══════════ */
.ok-section{padding:40px 0}.ok-section--alt{background:rgba(14,32,64,.4)}
.ok-section__inner{max-width:1180px;margin:0 auto;padding:0 20px}.ok-section__title{font-size:22px;font-weight:800;color:var(--ice);margin-bottom:20px}
.ok-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ok-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 16px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;transition:.2s;color:var(--text)}
.ok-tile:hover{border-color:var(--blue);background:var(--bg-hover);color:var(--ice)}
.ok-tile .ico{font-size:30px}.ok-tile .ttl{font-weight:700;font-size:14px;color:var(--ice)}.ok-tile .desc{font-size:12px;color:var(--muted)}
.ok-tiles--pay{grid-template-columns:repeat(3,1fr)}
.ok-tile--pay .pay-sym{width:44px;height:44px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:var(--gold)}.ok-tile--pay .speed{font-size:11px;color:var(--green);font-weight:600}
@media(max-width:860px){.ok-tiles{grid-template-columns:repeat(2,1fr)}.ok-tiles--pay{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.ok-tiles,.ok-tiles--pay{grid-template-columns:1fr}}
/* ═══════════ BONUS LIST ═══════════ */
.ok-bonus-list{display:flex;flex-direction:column;gap:10px}
.ok-bonus-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ok-bonus-row .rank{width:28px;height:28px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;flex-shrink:0}
.ok-bonus-row .meta{flex:1;min-width:0}.ok-bonus-row .name{font-weight:700;display:block;font-size:15px}.ok-bonus-row .name:hover{color:var(--blue-light)}
.ok-bonus-row .terms{font-size:12px;color:var(--muted)}.ok-bonus-row .amt{font-weight:900;font-size:16px;white-space:nowrap}
.gold{color:var(--gold)}
/* ═══════════ FAQ ═══════════ */
.ok-faq{display:flex;flex-direction:column;gap:8px}
.ok-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.ok-faq-q{width:100%;background:none;border:none;color:var(--text);padding:14px 18px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:600;gap:10px}
.ok-faq-q:hover{background:var(--bg-hover)}.ok-faq-q .icon{font-size:20px;color:var(--gold);flex-shrink:0;transition:.3s}.ok-faq-q.open .icon{transform:rotate(45deg)}
.ok-faq-a{display:none;padding:14px 18px;border-top:1px solid var(--border)}.ok-faq-a p{color:var(--muted);font-size:14px;line-height:1.7}
/* ═══════════ BLOG ═══════════ */
.ok-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px}
.ok-post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:.2s}
.ok-post-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.ok-post-card .thumb img{width:100%;height:180px;object-fit:cover}
.ok-post-card .body{padding:18px}.ok-post-card .cat{font-size:11px;font-weight:700;color:var(--blue-light);text-transform:uppercase;letter-spacing:.5px}
.ok-post-card h3{font-size:16px;font-weight:700;margin:6px 0;line-height:1.4}.ok-post-card h3 a:hover{color:var(--blue-light)}
.ok-post-card .excerpt{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:10px}.ok-post-card .date{font-size:12px;color:var(--muted)}
.ok-post-full .ok-post-thumb img{width:100%;max-height:380px;object-fit:cover;border-radius:var(--r-lg);margin-bottom:24px}
.ok-post-header{margin-bottom:24px}.ok-post-title{font-size:clamp(22px,3.5vw,32px);font-weight:900;color:var(--ice);margin-bottom:10px}
.ok-post-meta{display:flex;gap:16px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.ok-post-body{color:var(--text);line-height:1.8;font-size:16px}
.ok-post-body h2,.ok-post-body h3{font-family:var(--font-h);color:var(--ice);margin:24px 0 12px}
.ok-post-body p{margin-bottom:16px}.ok-post-body ul,.ok-post-body ol{padding-left:22px;margin-bottom:16px;color:var(--muted)}
.ok-post-body a{color:var(--blue-light);text-decoration:underline}
.ok-post-nav{display:flex;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}
.ok-post-nav a{color:var(--muted);font-size:14px}.ok-post-nav a:hover{color:var(--blue-light)}
.ok-cta-widget{text-align:center;padding:20px}.ok-cta-widget .caw-name{font-weight:700;font-size:16px;margin-bottom:6px}
.ok-cta-widget .caw-amt{font-size:20px;font-weight:900;margin-bottom:16px}.ok-cta-widget .caw-rev{display:block;font-size:12px;margin-top:10px;color:var(--muted)}
.ok-pagination{text-align:center}.ok-pagination .page-numbers{display:inline-flex;gap:6px;list-style:none}
.ok-pagination .page-numbers li a,.ok-pagination .page-numbers li span{padding:7px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--muted)}
.ok-pagination .page-numbers li .current,.ok-pagination .page-numbers li a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
/* ═══════════ RESPONSIBLE ═══════════ */
.ok-rg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.ok-rg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.ok-rg-card .ico{font-size:28px;display:block;margin-bottom:10px}
.ok-rg-card h3{font-size:15px;font-weight:700;color:var(--ice);margin-bottom:8px}.ok-rg-card p{font-size:13px;color:var(--muted);line-height:1.6}
@media(max-width:720px){.ok-rg-grid{grid-template-columns:1fr}}
/* ═══════════ FOOTER ═══════════ */
.ok-footer{background:#060e1a;border-top:1px solid var(--border);margin-top:48px}
.ok-footer__inner{max-width:1180px;margin:0 auto;padding:48px 20px 32px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.ok-footer__brand{display:flex;flex-direction:column;gap:12px}.ok-footer__about{font-size:13px;color:var(--muted);line-height:1.7}
.ok-footer__mail{color:var(--blue-light);font-size:13px}.ok-footer__mail:hover{color:var(--gold)}
.ok-footer__social{display:flex;gap:12px;margin-top:4px}
.ok-footer__social a{color:var(--muted);transition:.2s;display:flex;align-items:center}.ok-footer__social a:hover{color:var(--blue-light)}
.ok-footer__col h4{font-weight:700;font-size:15px;color:var(--ice);margin-bottom:12px}
.ok-footer__col ul li{margin-bottom:8px}.ok-footer__col ul li a{font-size:13px;color:var(--muted)}.ok-footer__col ul li a:hover{color:var(--blue-light)}
.ok-footer__trust{max-width:1180px;margin:0 auto;padding:24px 20px;border-top:1px solid var(--border);display:flex;gap:16px;align-items:flex-start}
.ok-footer__trust .ico{font-size:20px;flex-shrink:0;margin-top:2px}.ok-footer__trust p{font-size:12px;color:var(--muted);line-height:1.7}
.ok-footer__bottom{max-width:1180px;margin:0 auto;padding:16px 20px 32px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);font-size:12px;color:var(--muted);flex-wrap:wrap;gap:10px}
.ok-footer__legal{display:flex;gap:16px;flex-wrap:wrap}.ok-footer__legal a{color:var(--muted)}.ok-footer__legal a:hover{color:var(--blue-light)}
@media(max-width:860px){.ok-footer__inner{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.ok-footer__inner{grid-template-columns:1fr}.ok-footer__bottom{flex-direction:column;text-align:center}}
/* ═══════════ SCROLL TO TOP ═══════════ */
.ok-back-top{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;background:var(--blue);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);transition:.3s;display:flex;align-items:center;justify-content:center}
.ok-back-top.visible{opacity:1;transform:translateY(0)}
.ok-back-top:hover{background:var(--blue-dark)}
/* ═══════════ UTILITIES ═══════════ */
.ok-hidden{display:none!important}
@media(prefers-reduced-motion:reduce){.ok-card,.ok-post-card,.ok-back-top,.ok-hamburger span{transition:none!important;animation:none!important;opacity:1!important}}