/* Betexgo — exchange directory. Dark navy, warm gold, readable platform data. */
:root {
  --bg:#0b101b; --bg-2:#0e1522; --surface:#131c2b; --panel:#141e2e; --panel-2:#1b273b;
  --hair:#263146; --line:#263146; --line-2:#41506a;
  --text:#f5f6fa; --text-2:#c3ccda; --muted:#9aa8bd;
  --gold:#e3bd65; --gold-2:#f1d493; --gold-ink:#20190c;
  --green:#72c6a0; --up:#72c6a0; --down:#ee7d8c; --warn:#f0c27d; --tg:#62b9ee;
  --back:#72bbef; --lay:#f694aa; --radius:10px; --radius-sm:6px; --rail:160px;
  --font:'Barlow',Arial,sans-serif; --display:'Barlow',Arial,sans-serif; --mono:var(--font);
  --gold-grad:linear-gradient(#e3bd65,#e3bd65); --shadow:0 12px 36px #0004;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:50}
img{max-width:100%;height:auto;display:block}picture{display:contents}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-2)}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.18;margin:0 0 .55em;color:var(--text);letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(28px,3vw,38px)}h2{font-size:clamp(24px,2.4vw,32px)}h3{font-size:20px}p{margin:0 0 1em}
button{font:inherit;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}
code{font:500 .85em ui-monospace,monospace;background:var(--panel-2);padding:2px 6px;border-radius:4px}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.container{width:100%;max-width:1360px;margin:0 auto;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}
.muted{color:var(--muted)}.small{font-size:.85rem}.inline{display:inline;margin:0}.hl{color:inherit}.gold{color:var(--gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.selectable{user-select:all}
.display{font-size:clamp(28px,3vw,38px);line-height:1.15;font-weight:700;letter-spacing:-.025em}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--gold-ink);padding:8px 14px;z-index:100}.skip:focus{left:8px;top:8px}
/* Controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 20px;border-radius:6px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;text-decoration:none}
.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold);color:var(--gold-ink)}.btn-primary:hover{background:var(--gold-2);color:var(--gold-ink)}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--text)}.btn-ghost:hover{background:var(--panel-2);color:var(--text);border-color:#65728b}
.btn-icon{width:40px;padding:0;background:transparent;color:var(--text-2)}.btn-icon:hover{color:var(--gold)}
.btn-ok{background:#19392f;color:#8ddbb6;border-color:#38624e}.btn-ok:hover{color:#b7f0d2;background:#224b3c}.btn-wait{background:var(--panel-2);color:var(--text-2)}
.btn-danger{background:#46222c;color:#ffb4bf;border-color:#70404a}.btn-danger:hover{color:#fff;background:#60303d}.btn-disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}
.btn-lg{min-height:48px;padding:0 26px;font-size:15px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:default}
.link,.link-btn{background:none;border:0;color:var(--gold);cursor:pointer;padding:0;font:inherit}.link-btn{color:var(--muted)}.link-btn:hover{color:var(--gold)}.link:disabled{color:var(--muted);cursor:default}
.spin{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Announcement strip */
.ticker{position:relative;height:30px;display:flex;align-items:center;overflow:hidden;background:#060b13;color:#aeb8c7;border-bottom:1px solid #1b2535;font-size:11px}
.ticker-track{display:flex;width:max-content;animation:ticker var(--speed,60s) linear infinite}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.is-paused .ticker-track{animation-play-state:paused}
.ticker ul{display:flex;list-style:none;margin:0;padding:0}.ticker li{display:flex;align-items:center;padding:0 28px;white-space:nowrap}.ticker li+li{border-left:1px solid #2a3443}
.ticker a{color:#c4cbd7}.ticker .tp{display:inline-flex;gap:8px;align-items:baseline}.ticker .tp b{font-weight:500}.ticker .tp em{font-style:normal;color:var(--gold)}.ticker s{color:#7c899c}
.ticker-toggle{position:absolute;right:0;top:0;height:100%;width:34px;background:#060b13;border:0;color:#aeb8c7;cursor:pointer;font-size:9px}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Navigation */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:#0e1522;border-bottom:1px solid #263146}
.hdr-row{display:flex;align-items:center;gap:40px;height:78px}.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font:800 30px/1 var(--display);letter-spacing:-1.2px;flex-shrink:0}.logo:hover{color:#fff}.logo-text{text-transform:lowercase}.logo-svg{width:28px;height:28px;color:var(--gold);flex-shrink:0}
.hdr-search{display:flex;align-items:center;gap:10px;flex:1;max-width:330px;height:38px;padding:0 13px;border:1px solid #2a354a;background:#101a2a;border-radius:6px;color:#8f9fb6}.hdr-search:focus-within{border-color:var(--gold)}
.hdr-search input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:400 13px var(--font);outline:none}.hdr-search input::placeholder{color:#96a2b4}
.hdr-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.hdr-auth{display:flex;gap:8px}.hdr-auth .btn{min-height:38px;font-size:13px}.hdr-auth .btn-ghost{border-color:transparent}
.lang{position:relative}.lang summary{list-style:none;display:flex;align-items:center;gap:7px;height:38px;padding:0 8px;cursor:pointer;color:var(--text-2);font-size:12px}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{color:#fff}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;padding:6px;box-shadow:var(--shadow);z-index:60}.lang-menu a{display:block;padding:9px 12px;color:var(--text-2);font-size:14px}.lang-menu a:hover,.lang-menu a[aria-current]{background:var(--panel-2);color:var(--gold)}
.site-nav{border-top:1px solid #202b3d;background:#101928}.nav-inner{display:flex;align-items:center}.site-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.site-nav ul::-webkit-scrollbar{display:none}
.site-nav ul a{display:block;position:relative;padding:13px 0;color:#b6c1d3;font-size:13px;font-weight:500;white-space:nowrap}.site-nav ul a:hover,.site-nav ul a[aria-current=page]{color:var(--gold)}.site-nav ul a[aria-current=page]::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--gold)}
.nav-mobile-extra{display:none}.nav-toggle{display:none;width:42px;height:42px;background:none;border:0;color:#fff;cursor:pointer}
@media(max-width:1080px){.hdr-row>.hdr-search,.hdr-auth,.hdr-actions>.btn-icon{display:none}.hdr-row{height:68px;gap:20px}.nav-toggle{display:grid;place-items:center}.site-nav{display:none;max-height:calc(100dvh - 68px);overflow:auto}.site-nav.is-open{display:block}.nav-inner{flex-direction:column;align-items:stretch;padding-block:8px 20px}.site-nav ul{flex-direction:column;gap:0;overflow:visible}.site-nav ul a{padding:12px 4px;border-bottom:1px solid var(--line);font-size:15px}.site-nav ul a[aria-current=page]::after{display:none}.nav-mobile-extra{display:flex;flex-direction:column;gap:12px;margin-top:16px}.nav-mobile-extra .hdr-search{max-width:none;flex:none}.nav-auth{display:flex;gap:8px}.nav-auth>*{flex:1}.nav-auth .btn,.nav-auth button{width:100%;min-height:46px}.nav-auth .inline{display:flex}}
/* Campaign area */
.hero{padding-block:26px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:stretch}
.slider{position:relative;overflow:hidden;border-radius:12px;background:#182438;isolation:isolate;touch-action:pan-y}.slides{display:grid}.slide{grid-area:1/1;position:relative;min-width:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.slide.is-active{opacity:1;visibility:visible}
.slide-art,.slide-photo{min-height:376px}.slide-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:376px;padding:34px 40px 72px;max-width:570px}
.slide-title{font-size:clamp(34px,3.3vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.025em;margin:0 0 20px;max-width:430px;text-wrap:balance;color:#fff}
.slide-sub{font-size:14px;line-height:1.6;color:#c8d1df;max-width:360px;margin:0 0 24px}.slide-copy .btn{min-height:44px;font-size:14px;padding-inline:24px}.slide-copy .btn svg{display:none}
.hero-visual{position:absolute;inset:0;z-index:0;background:#182438}.hero-stadium{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:saturate(.65) brightness(.8)}
.slide-art::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#101a2cf5 0%,#101a2ce8 30%,#101a2c80 64%,#101a2c10 100%)}
.slide-t1 .hero-stadium{object-position:75% 55%;filter:saturate(.8) brightness(.8)}.slide-t2 .hero-stadium{object-position:75% 55%;filter:saturate(.5) brightness(.65)}
.slide-photo picture,.slide-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide-photo .slide-copy{max-width:none;background:linear-gradient(90deg,#101a2cf0,#101a2c70 60%,transparent)}.slide-photo .slide-copy>*{max-width:430px}.slide-hit{position:absolute;inset:0;z-index:2}
.slider-ui{position:absolute;left:40px;right:24px;bottom:21px;z-index:4;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.slider-ui>*{pointer-events:auto}.dots{display:flex;gap:8px}.dot{position:relative;width:26px;height:24px;padding:11px 0;border:0;background:transparent;cursor:pointer}.dot::before{content:'';position:absolute;inset:11px 0;background:#ffffff45;border-radius:2px}.dot span{position:relative;display:block;height:2px;width:0;background:var(--gold)}.dot.is-done span{width:100%}.dot.is-active span{animation:dot-fill var(--interval,6.5s) linear forwards}.slider:hover .dot.is-active span,.slider:focus-within .dot.is-active span,.slider.is-paused .dot.is-active span{animation-play-state:paused}@keyframes dot-fill{to{width:100%}}
.slider-controls{display:flex;align-items:center}.slide-counter{display:none}.slider-arrows{display:flex;gap:6px}.slider-nav{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0c142560;border:1px solid #ffffff40;color:#fff;cursor:pointer}.slider-nav:hover{background:#fff2;border-color:#fff8}.slider-nav.prev svg{transform:rotate(180deg)}
.hero-aside{display:flex;flex-direction:column;gap:16px;min-width:0}.account-promo{flex:1;padding:24px;border-radius:12px;background:#18243a;border:1px solid #2d3b54;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.promo-icon{color:var(--gold);margin-bottom:16px}.promo-icon svg{width:24px;height:24px}.account-promo h2{font-size:25px;line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}.account-promo p{font-size:13px;line-height:1.5;color:#aebbd1;margin-bottom:20px}.account-promo .btn{min-height:36px;padding:0 16px;font-size:12px;border-color:#506078;background:#ffffff05}
.telegram-promo{display:flex;align-items:center;gap:12px;padding:21px 18px;border-radius:10px;background:#123149;border:1px solid #224965;color:#fff}.telegram-promo:hover{background:#183b55;color:#fff}.telegram-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2488b8;flex-shrink:0}.telegram-promo strong{display:block;font-size:14px;font-weight:600}.telegram-promo small{display:block;font-size:11px;color:#9dc3dc;margin-top:2px}.telegram-promo>svg{width:14px;flex-shrink:0;margin-left:auto}
.service-strip{padding-block:22px 0}.service-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-inner>a{display:flex;align-items:center;gap:10px;min-width:0;color:#b3bfd0;font-size:12px}.service-inner>a>svg{color:var(--gold);width:16px;height:16px;flex-shrink:0}.service-inner>a>svg:last-child{margin-left:auto;color:#667a98;width:13px}.service-inner small{margin-left:auto;color:#8d9db4;font-size:11px}
/* Page grid and ad slots */
.ads-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:16px;margin-top:20px;margin-bottom:8px}.ad{position:relative;display:block;border-radius:8px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.ad img{width:100%;height:auto}.ad-label{position:absolute;top:6px;right:6px;font-size:9px;background:#080d17cc;color:#c3ccda;padding:2px 6px;border-radius:3px}
.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);gap:28px;align-items:start;padding-block:36px;max-width:1680px}.shell>.main{grid-column:2}.rail{position:sticky;top:150px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 170px);overflow-y:auto;scrollbar-width:none}.rail-left{grid-column:1;grid-row:1}.rail-right{grid-column:3;grid-row:1}.main{min-width:0}.main>section+section{margin-top:64px}body>main.main{width:100%;max-width:1360px;margin:0 auto;padding:40px max(28px,env(safe-area-inset-right,0px)) 64px max(28px,env(safe-area-inset-left,0px))}
@media(max-width:1439px){.shell{grid-template-columns:minmax(0,1fr);max-width:1360px}.shell>.main{grid-column:1;order:1}.rail{position:static;max-height:none;overflow:visible;grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rail-left{order:2}.rail-right{order:3}}
/* Catalog navigation */
.cat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}.cat-card{display:flex;align-items:center;gap:10px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text)}.cat-card:hover{border-color:#576480;color:var(--text)}.cat-ico{color:var(--gold);display:grid;place-items:center}.cat-name{font-weight:600;font-size:14px}.cat-count{font-size:11px;color:var(--muted)}.cat-arrow{display:none}.cat-ico.lg{width:48px;height:48px}.cat-ico.lg svg{width:28px;height:28px}
.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}.list-head h1,.list-head h2{margin:0 0 8px;font-size:28px}.list-head .lead{margin:0}.lead{color:var(--muted);font-size:14px;max-width:700px}.link-more{display:inline-flex;align-items:center;gap:8px;color:#b9c5d7;font-size:13px;font-weight:500;white-space:nowrap}.link-more:hover{color:var(--gold)}.link-more svg{width:14px}.cat-head{justify-content:flex-start;align-items:center}
.filters{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.chip{flex-shrink:0;min-height:36px;padding:0 14px;border-radius:5px;border:1px solid transparent;background:transparent;color:#a4b1c5;font-size:12px;cursor:pointer;white-space:nowrap}.chip:hover{background:#18263c;color:#fff}.chip.is-active{background:#e3bd65;color:#211a0b;font-weight:600}
.filter-search{display:flex;align-items:center;gap:8px;flex:0 0 208px;height:36px;padding:0 12px;border:1px solid #2e3b51;border-radius:5px;background:#101927;color:#94a2b9}.filter-search:focus-within{border-color:var(--gold)}.filter-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--text);font:400 12px var(--font)}
/* Platform directory */
.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}.tile{display:flex;flex-direction:column;min-width:0;border:1px solid #2b374d;border-radius:10px;overflow:hidden;background:#131d2d;transition:border-color .15s}.tile:hover{border-color:#63708a}
.tile-top{position:relative;display:flex;align-items:center;height:102px;padding:22px;border-bottom:1px solid #263249;background:#162134}.tile-plate{display:flex;align-items:center;width:56%;min-width:0;height:48px;color:#fff}.tile-plate img{max-width:100%;max-height:43px;width:auto;object-fit:contain}.tile[data-brand=betfair-exchange] .bundled-logo{filter:brightness(0) invert(1)}
.wordmark{display:flex;align-items:center;gap:10px;min-width:0}.wm-mono{display:none}.wm-name{font-size:25px;font-weight:700;line-height:1;letter-spacing:-.04em;color:#fff}.tile[data-brand=orbit-exchange] .wm-name{font-style:italic;color:#91d0f3}.tile[data-brand=sharp-exchange] .wm-name{font-size:24px;color:#f7f8fc}.tile[data-brand=matchbook] .wm-name{color:#f9f0ef;font-weight:600}
.tile-flags{position:absolute;top:16px;right:16px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.flag-sponsored,.flag-badge{font-size:10px;line-height:1.2;font-weight:500;color:#b9c9e0}.flag-sponsored{color:var(--gold)}.fav{display:grid;place-items:center;width:27px;height:27px;padding:0;background:transparent;border:1px solid #3c4960;border-radius:50%;color:#8f9cb1;cursor:pointer}.fav svg{width:12px;height:12px}.fav:hover,.fav.is-on{color:#ff9eab;border-color:#bb6b7a}.fav.pop{animation:pop .3s ease}@keyframes pop{50%{transform:scale(1.2)}}
.tile-body{display:flex;flex-direction:column;gap:9px;padding:20px 22px 0}.tile-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.tile-title h3{margin:0;font-size:20px;font-weight:600}.tile-title h3 a{color:#f1f4fa}.tile-title h3 a:hover{color:var(--gold)}.tile-type{font-size:10px;color:#8e9fb8;white-space:nowrap}.tile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#a5b2c7;min-height:18px}.tile-rate{display:inline-flex;align-items:center;gap:5px}.tile-rate .stars{color:var(--gold)}.tile-rate b{font-weight:600;color:#dfe6f0}.tile-lic{display:inline-flex;gap:4px;align-items:center}.tile-lic svg{width:12px;height:12px;color:var(--green)}.tile-desc{color:#aab8ce;font-size:13px;line-height:1.6;margin:0;min-height:63px}
.tile-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 22px 0;padding:13px 14px;background:#0d1624;border-radius:6px}.tf-label{display:flex;flex-direction:column;gap:2px;color:#c4cede;font-size:12px}.tf-label em{font-style:normal;font-size:10px;color:#8e9fb8}.tf-val{display:flex;align-items:baseline;gap:12px}.tf-val s{font-size:15px;color:#8190a9;text-decoration-thickness:1px}.tf-val b{font-size:30px;font-weight:600;color:var(--gold);line-height:1.1;letter-spacing:-.02em}.tf-val b.plain{font-size:19px}
.tile-camp{display:flex;align-items:center;gap:6px;min-height:35px;padding:10px 22px 0;margin:0;font-size:11px;color:#b3c0d4}.tile-camp svg{width:12px;height:12px;flex-shrink:0;color:#91a4c1}.tile-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:14px 22px 18px}.tile-cta .btn{width:100%;min-height:42px;font-size:13px}.tile-cta .btn svg{display:none}.tile-sub{display:flex;justify-content:space-between;gap:12px;font-size:11px}.tile-more{display:inline-flex;align-items:center;gap:5px;color:#c3cfe1}.tile-more svg{width:12px}.cmp-check{display:inline-flex;align-items:center;gap:6px;color:#a5b4cb;cursor:pointer}.cmp-check input{width:12px;height:12px;margin:0;accent-color:var(--gold)}
.code{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:28px;padding:4px 0;background:transparent;border:0;border-bottom:1px dashed #33415a;color:#a2b2ca;font-size:10px;cursor:pointer}.code b{display:inline-flex;align-items:center;gap:5px;font-weight:400;color:#afbdd1}.code i{font-style:normal}.code-label{color:#8799b3}.code.is-copied{border-color:var(--green)}.code-locked:hover b{color:var(--gold)}
.empty,.empty-state{padding:40px;text-align:center;color:var(--muted)}
.ex-logo{border-radius:6px;object-fit:contain;background:#fff;flex-shrink:0}.ex-mono{display:grid;place-items:center;background:#263752;color:#c3d4ef;font-weight:700}.ex-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:12px 16px}.ex-fee-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ex-fee-val{display:flex;align-items:baseline;gap:10px}.ex-fee-label{font-size:12px;color:var(--muted)}.ex-fee s{color:var(--muted)}.ex-fee b{font-size:30px;color:var(--gold);font-weight:600}.ex-fee em{font-style:normal;font-size:11px;color:var(--green)}.ex-fee-lg b{font-size:38px}
/* Why Betexgo and account opening */
.trust{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding:38px 40px;border-radius:12px;background:#152035;border:1px solid #30405a;align-items:center}.trust .display{font-size:32px}.trust p{font-size:14px;max-width:480px}.trust .btn{min-height:42px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 38px;margin:0}.stats div{display:flex;flex-direction:column-reverse}.stats dt{font-size:12px;color:#9cacc3;margin-top:5px}.stats dd{margin:0;font-size:40px;font-weight:600;line-height:1;color:#e6ecf7;letter-spacing:-.03em}.stats dd.dd-muted{color:#72839e}.stats s{text-decoration-thickness:1px}
.steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.steps-intro{position:sticky;top:160px}.steps-intro p{font-size:14px;max-width:380px}.steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.steps-list li{display:flex;align-items:flex-start;gap:12px;min-width:0}.step-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#25354f;color:#d5deed;font-size:13px;flex-shrink:0}.steps-list h3{font-size:17px;font-weight:600;margin:3px 0 7px}.steps-list p{font-size:13px;color:#9aacc6;margin:0}
.compare-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 34px;background:#121d2f;border:1px solid #2e3e58;border-radius:8px}.compare-cta .display{font-size:27px;margin-bottom:8px}.compare-cta p{font-size:13px;max-width:650px;margin:0}.compare-cta .btn{font-size:13px;min-height:42px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:32px}.cta-band .display{font-size:29px;margin:0}.signup{display:flex;align-items:center;gap:10px;width:100%;max-width:440px}.signup input{min-width:0;flex:1;height:46px;padding:0 14px;background:var(--panel);border:1px solid var(--line-2);border-radius:6px;color:var(--text);font:400 14px var(--font)}.signup input:focus{outline:none;border-color:var(--gold)}.signup .btn{min-height:46px;font-size:14px;padding:0 22px}
/* Guides */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px}.post-card{display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--text);overflow:hidden}.post-card:hover{color:var(--text)}.post-card>img,.post-cover-ph{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.post-cover-ph{position:relative;display:block;overflow:hidden;background:var(--panel)}.post-cover-ph>img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.75)}.pc-kicker{position:absolute;left:14px;bottom:14px;font-size:11px;font-weight:500;color:#fff;background:#111c2bd9;border-radius:4px;padding:4px 9px}.post-meta{font-size:11px;color:#8e9fb8}.post-card h2,.post-card h3{font-size:20px;line-height:1.3;font-weight:600;margin:0}.post-card p{font-size:13px;color:#9dacc3;margin:0}.post{max-width:820px}.post-cover img{width:100%;border-radius:8px}.post-head{margin-bottom:24px}
/* ---------- İçerik metinleri ---------- */
.prose { color: var(--text-2); max-width: 760px; }
.prose h2 { margin-top: 1.6em; }
.prose h3 { margin-top: 1.3em; }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose li { margin-bottom: 0.4em; }
.prose img { border-radius: var(--radius-sm); margin: 1em 0; }
.prose table { border-collapse: collapse; width: 100%; margin: 1em 0; display: block; overflow-x: auto; }
.prose th, .prose td { border-bottom: 1px solid var(--line); padding: 10px; text-align: left; }
.prose a { text-decoration: underline; text-underline-offset: 3px; }
.seo-text { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(24px, 4vw, 40px); max-width: none; columns: 2 320px; column-gap: 48px; }
.seo-text > * { break-inside: avoid; }
.seo-text > :first-child { margin-top: 0; column-span: all; }
.method { max-width: 860px; }
.page { padding-bottom: 20px; }

/* ---------- SSS ---------- */
.faq-list { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.faq details { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; }
.faq details[open] { border-color: var(--line-2); }
.faq summary { cursor: pointer; padding: 20px 24px; font-weight: 600; font-size: 1.02rem; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; color: var(--gold); font-size: 1.5rem; line-height: 1; font-weight: 300; flex-shrink: 0; }
.faq details[open] summary::after { content: '−'; }
.faq details p { padding: 0 24px 20px; margin: 0; color: var(--muted); max-width: 820px; }

/* ---------- Sayfa yolu, bildirimler ---------- */
.crumbs { display: flex; gap: 8px; font-size: 0.84rem; color: var(--muted); margin-bottom: 20px; flex-wrap: wrap; }
.crumbs a { color: var(--muted); }
.crumbs a:hover { color: var(--gold); }
.crumbs .sep { opacity: 0.5; }
.flash { background: rgba(245, 184, 74, 0.1); border: 1px solid rgba(245, 184, 74, 0.35); color: #f0c27d; border-radius: var(--radius-sm); padding: 12px 16px; }
.ok-badge, .warn-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; vertical-align: middle; }
.ok-badge { background: rgba(47, 211, 154, 0.12); color: var(--green); }
.warn-badge { background: rgba(245, 184, 74, 0.12); color: var(--warn); }
.geo-note { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 55; display: flex; gap: 8px; align-items: center; background: var(--panel-2); border: 1px solid rgba(245, 184, 74, 0.4); color: #f0c27d; padding: 10px 16px; border-radius: 12px; font-size: 0.88rem; box-shadow: var(--shadow); max-width: calc(100vw - 32px); }

/* ---------- Platform detay ---------- */
.pf-hero { display: grid; grid-template-columns: 200px minmax(0, 1fr) 340px; gap: 28px; align-items: start; background: var(--panel); border: 1px solid var(--line); border-radius: 22px; padding: 28px; margin-bottom: 48px; }
.pf-logo { display: grid; place-items: center; height: 150px; border-radius: 16px; background: #24372c; border: 1px solid var(--line); padding: 18px; gap: 6px; }
.pf-logo img { max-height: 110px; width: auto; object-fit: contain; }
.pf-logo .stage-mono { width: 72px; height: 72px; font-size: 2rem; }
.pf-flags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.pf-rating { color: var(--muted); font-size: 0.9rem; }
.ex-cta-box { display: flex; flex-direction: column; gap: 12px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.ex-cta-box .ex-campaign { margin: 0; color: var(--gold); font-weight: 700; font-size: 1.05rem; line-height: 1.35; }
.pf-sub-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fact-table { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 12px; margin: 0; }
.fact-table div { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; min-width: 0; }
.fact-table dt { color: var(--muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
.fact-table dd { margin: 0; font-weight: 500; }
.chip-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.chip-list li { font-size: 0.8rem; padding: 3px 10px; border-radius: 999px; background: var(--panel-2); color: var(--text-2); border: 1px solid var(--line); }
.verify-link { display: inline-flex; align-items: center; gap: 4px; font-size: 0.8rem; margin-left: 6px; color: var(--green); }
.pc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pc-col { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 20px 22px; }
.pc-col h3 { display: flex; align-items: center; gap: 8px; }
.pros h3 { color: var(--green); }
.cons h3 { color: #ff8c9b; }
.pc-col ul { margin: 0; padding-left: 1.1em; color: var(--text-2); }
.pc-col li { margin-bottom: 6px; }
.pf > section + section { margin-top: 40px; }
.reviews .list-head { align-items: baseline; }
.review-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.review { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; }
.review header { display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; margin-bottom: 6px; }
.review p { margin: 0; color: var(--text-2); }
.review-form { max-width: 640px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.rate-input { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; border: 0; padding: 0; margin: 0; }
.rate-input legend { float: left; width: 100%; margin-bottom: 6px; color: var(--text-2); font-size: 0.88rem; }
.rate-input input { position: absolute; opacity: 0; }
.rate-input label { font-size: 1.7rem; color: var(--line-2); cursor: pointer; transition: color 0.15s; }
.rate-input input:checked ~ label, .rate-input label:hover, .rate-input label:hover ~ label { color: var(--gold); }
.rate-input input:focus-visible + label { outline: 2px solid var(--gold); border-radius: 4px; }
@media (max-width: 1000px) { .pf-hero { grid-template-columns: 1fr; } .pf-logo { height: 120px; } }
@media (max-width: 640px) { .pc { grid-template-columns: 1fr; } }

/* ---------- Karşılaştırma ---------- */
.cmp-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.cmp-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); -webkit-overflow-scrolling: touch; }
.cmp-table { width: 100%; min-width: calc(150px + var(--cols) * 220px); border-collapse: separate; border-spacing: 0; }
.cmp-table th, .cmp-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-size: 0.9rem; }
.cmp-table tbody th { position: sticky; left: 0; z-index: 1; background: var(--panel-2); color: var(--muted); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; width: 150px; min-width: 120px; }
.cmp-table thead th { background: var(--bg-2); }
.cmp-table thead th:first-child { position: sticky; left: 0; z-index: 3; }
.cmp-head { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.cmp-logo { display: grid; place-items: center; width: 100%; height: 72px; border-radius: 12px; background: #24372c; border: 1px solid var(--line); padding: 10px; gap: 4px; }
.cmp-logo img { max-height: 50px; width: auto; }
.cmp-logo .stage-mono, .pick-logo .stage-mono { width: 40px; height: 40px; font-size: 1.1rem; }
.cmp-logo .stage-name, .pick-logo .stage-name { display: none; }
.cmp-name { font-family: var(--display); font-weight: 700; color: var(--text); font-size: 1.05rem; }
.cmp-remove { color: var(--muted); }
.cmp-remove:hover { color: #ff8c9b; }
.cmp-cta-row td { border-bottom: 0; }
.mini-list { margin: 0; padding-left: 1.1em; }
.mini-list.pros li::marker { color: var(--green); }
.mini-list.cons li::marker { color: #ff8c9b; }
.cmp-pick-wrap { margin-top: 24px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 4px 20px; }
.cmp-pick-wrap summary { cursor: pointer; padding: 14px 0; font-weight: 700; font-family: var(--display); }
.cmp-picker { padding-bottom: 20px; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.pick-grid { display: grid; width: 100%; grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr)); gap: 10px; }
.pick-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg-2); cursor: pointer; text-align: center; transition: border-color 0.15s; }
.pick-card:hover, .pick-card:has(input:checked) { border-color: var(--gold); }
.pick-card input { position: absolute; top: 10px; left: 10px; accent-color: var(--gold); }
.pick-logo { display: grid; place-items: center; height: 48px; }
.pick-logo img { max-height: 40px; width: auto; }
.pick-card small { color: var(--muted); }
.compare-tray { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; background: rgba(10, 19, 36, 0.96); backdrop-filter: blur(10px); border-top: 1px solid var(--line-2); padding-bottom: env(safe-area-inset-bottom, 0px); }
.compare-tray-inner { display: flex; align-items: center; gap: 12px; padding-block: 10px; flex-wrap: wrap; }
.ct-label { font-weight: 700; font-family: var(--display); color: var(--gold); }
.ct-items { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; flex: 1; flex-wrap: wrap; }
.ct-items li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 12px; border-radius: 999px; background: var(--panel-2); border: 1px solid var(--line); font-size: 0.85rem; }
.ct-items button { background: none; border: 0; color: var(--muted); cursor: pointer; width: 22px; height: 22px; border-radius: 50%; }
.ct-items button:hover { color: #ff8c9b; }
body.has-tray .chat { bottom: calc(var(--tray-h, 84px) + 12px); }
body.has-tray .site-footer { padding-bottom: calc(var(--tray-h, 84px) + 24px); }
@media (max-width: 600px) {
  .compare-tray-inner { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
  .ct-label { display: none; }
  .ct-items { grid-column: 1 / -1; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .ct-items li { white-space: nowrap; }
}

/* ---------- İletişim, 404 ---------- */
.contact-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.contact-card { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.contact-card h2 { font-size: 1.15rem; margin: 6px 0 0; }
.contact-card p { color: var(--muted); margin: 0 0 8px; flex: 1; }
.cc-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(226, 184, 79, 0.12); color: var(--gold); }
.center-box { text-align: center; padding: 56px 0; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.nf-code { font-family: var(--display); font-size: clamp(4rem, 12vw, 8rem); font-weight: 800; line-height: 1; margin: 0; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nf-search { width: min(420px, 100%); flex: none; }

/* ---------- Üyelik formları ---------- */
.auth-card { max-width: 460px; margin: 0 auto; }
.auth-card.center { text-align: center; }
.auth-card h1 { font-size: 2rem; margin-bottom: 6px; }
.auth-steps { display: flex; gap: 8px; list-style: none; padding: 0; margin: 24px 0; counter-reset: st; }
.auth-steps li { flex: 1; font-size: 0.8rem; color: var(--muted); padding-top: 8px; border-top: 3px solid var(--panel-2); counter-increment: st; }
.auth-steps li::before { content: counter(st) '. '; }
.auth-steps li.is-active { color: var(--text); border-color: var(--gold); }
.form { display: flex; flex-direction: column; gap: 16px; }
.form label { display: flex; flex-direction: column; gap: 8px; font-size: 0.88rem; color: var(--text-2); }
.form input:not([type='checkbox']):not([type='radio']), .form textarea, .form select { min-height: 48px; padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid var(--line-2); background: var(--bg-2); color: var(--text); font: inherit; font-size: 1rem; }
.form textarea { resize: vertical; }
.form input:focus, .form textarea:focus, .form select:focus { border-color: var(--gold); outline: none; }
.form .check { flex-direction: row; align-items: flex-start; gap: 10px; color: var(--muted); }
.form .check input { margin-top: 3px; accent-color: var(--gold); width: 16px; height: 16px; flex-shrink: 0; }
.form .btn-primary { min-height: 48px; font-size: 1rem; }
.channel { border: 1px solid var(--line-2); border-radius: var(--radius-sm); padding: 10px 14px 12px; margin: 0; display: flex; gap: 16px; flex-wrap: wrap; }
.channel legend { padding: 0 6px; font-size: 0.85rem; color: var(--text-2); }
.form .radio { flex-direction: row; align-items: center; gap: 8px; color: var(--text); cursor: pointer; }
.form .radio input { accent-color: var(--gold); }
.otp-input { text-align: center; letter-spacing: 0.5em; font-size: 1.5rem !important; font-family: var(--mono); }
.otp-info { background: rgba(47, 211, 154, 0.08); border: 1px solid rgba(47, 211, 154, 0.25); border-radius: var(--radius-sm); padding: 12px 14px; margin: 0; font-size: 0.92rem; color: var(--text-2); }
.otp-actions { display: flex; justify-content: space-between; font-size: 0.88rem; }
.form-error { color: #ff8c9b; background: rgba(242, 85, 107, 0.1); border: 1px solid rgba(242, 85, 107, 0.3); border-radius: var(--radius-sm); padding: 10px 12px; margin: 0; font-size: 0.9rem; }
.form-ok { color: var(--green); background: rgba(47, 211, 154, 0.1); border: 1px solid rgba(47, 211, 154, 0.3); border-radius: var(--radius-sm); padding: 10px 12px; margin: 0; font-size: 0.9rem; }
.dev-code { font-size: 0.85rem; color: var(--gold); margin: 0; }
.tabs-inline { display: flex; gap: 6px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 4px; margin: 20px 0; }
.tabs-inline button { flex: 1; min-height: 40px; border: 0; border-radius: 9px; background: none; color: var(--muted); font-weight: 600; cursor: pointer; }
.tabs-inline button.is-on { background: var(--panel-2); color: var(--text); }
.ex-pick { border: 1px solid var(--line-2); border-radius: var(--radius-sm); padding: 12px 14px 14px; margin: 0; }
.ex-pick legend { padding: 0 6px; font-size: 0.88rem; color: var(--text); }
.ex-pick-list { display: flex; flex-wrap: wrap; gap: 8px; }
.form .pick { flex-direction: row; align-items: center; gap: 8px; padding: 6px 10px 6px 8px; border-radius: 8px; background: var(--panel); cursor: pointer; color: var(--text); font-size: 0.85rem; border: 1px solid transparent; }
.form .pick:has(input:checked) { border-color: var(--gold); }
.form .pick input { accent-color: var(--gold); width: 15px; height: 15px; margin: 0; }

/* ---------- Hesabım ---------- */
.acct { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 32px; align-items: start; }
.acct-nav { position: sticky; top: 140px; }
.acct-nav nav { display: flex; flex-direction: column; gap: 2px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 8px; }
.acct-nav a { padding: 10px 12px; border-radius: 10px; color: var(--text-2); font-weight: 600; font-size: 0.9rem; }
.acct-nav a:hover, .acct-nav a.is-on { background: var(--panel-2); color: var(--gold); }
.acct-main { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.acct-sec { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: clamp(18px, 3vw, 28px); scroll-margin-top: 140px; }
.acct-sec h2 { font-size: 1.3rem; }
.kv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 12px; margin: 16px 0 0; }
.kv-grid div { background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; min-width: 0; }
.kv-grid dt { font-size: 0.75rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; }
.kv-grid dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.mini-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 10px; }
.mini-card { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); color: var(--text); }
.mini-card small { color: var(--muted); margin-left: auto; font-size: 0.75rem; }
.hist { list-style: none; margin: 0; padding: 0; }
.hist li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.tbl { width: 100%; border-collapse: collapse; margin-top: 12px; display: block; overflow-x: auto; }
.tbl th, .tbl td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; font-size: 0.9rem; white-space: nowrap; }
.tbl th { color: var(--muted); font-size: 0.75rem; text-transform: uppercase; }
.st { font-size: 0.78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--panel-2); color: var(--muted); white-space: nowrap; }
.st-pending, .st-processing, .st-t-in_progress { color: var(--gold); background: rgba(226, 184, 79, 0.12); }
.st-done, .st-t-resolved { color: var(--green); background: rgba(47, 211, 154, 0.12); }
.st-rejected { color: #ff8c9b; background: rgba(242, 85, 107, 0.1); }
.st-t-open { color: var(--back); background: rgba(114, 187, 239, 0.12); }
.acc-list { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.acc-item { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }
.acc-item-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.acc-item-name { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 200px; flex-wrap: wrap; }
.acc-item .ex-fee { padding: 6px 10px; }
.acc-item .ex-fee b { font-size: 1.1rem; }
.acc-item .ex-fee em { display: none; }
.acc-note { margin: 0; color: var(--text-2); font-size: 0.9rem; background: var(--panel); border-radius: 8px; padding: 10px 12px; }
.creds { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: flex-end; margin: 0; }
.creds dt { font-size: 0.75rem; color: var(--muted); margin-bottom: 4px; }
.creds dd { margin: 0; }
.creds .code { width: auto; min-width: 180px; }
.code-list { display: flex; flex-direction: column; gap: 8px; }
.code-row { display: grid; grid-template-columns: auto 160px minmax(0, 1fr) 200px; gap: 16px; align-items: center; background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
.code-row > a { color: var(--text); font-weight: 600; }
.thread { background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 14px; padding: 16px; margin-bottom: 18px; display: flex; flex-direction: column; gap: 14px; }
.thread-head { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.thread-head a { margin-left: auto; }
.msgs { display: flex; flex-direction: column; gap: 10px; }
.tmsg { max-width: 85%; padding: 10px 14px; border-radius: 12px; }
.tmsg p { margin: 0 0 4px; white-space: pre-wrap; overflow-wrap: anywhere; }
.tmsg small { color: var(--muted); font-size: 0.75rem; }
.tmsg-user { align-self: flex-end; background: rgba(226, 184, 79, 0.12); border: 1px solid rgba(226, 184, 79, 0.25); }
.tmsg-staff { align-self: flex-start; background: var(--panel-2); border: 1px solid var(--line); }
.tmsg-system { align-self: center; background: transparent; border: 1px dashed var(--line-2); color: var(--muted); font-size: 0.88rem; }
.new-ticket { margin-top: 16px; }
.new-ticket summary { cursor: pointer; font-weight: 700; color: var(--gold); padding: 8px 0; }
.sec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.card-form { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; padding: 18px; }
.card-form h3 { margin-bottom: 4px; }
.twofa-setup { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.twofa-setup img { border-radius: 10px; background: #fff; padding: 6px; }
.row-btns { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.confirm-box { width: 100%; background: rgba(242, 85, 107, 0.08); border: 1px solid rgba(242, 85, 107, 0.3); border-radius: 12px; padding: 14px; }
@media (max-width: 900px) {
  .acct { grid-template-columns: minmax(0, 1fr); }
  .acct-nav { position: sticky; top: 70px; z-index: 5; }
  .acct-nav nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .acct-nav a { white-space: nowrap; }
  .code-row { grid-template-columns: auto 1fr; }
  .code-row > span, .code-row .code { grid-column: 1 / -1; }
}

/* ---------- Alt bilgi ---------- */
.site-footer { margin-top: 64px; background: #050a14; border-top: 1px solid var(--line); padding-block: 56px 28px; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.footer-brand p { color: var(--muted); font-size: 0.88rem; margin-top: 16px; max-width: 380px; }
.footer-h { font-family: var(--display); font-size: 0.95rem; font-weight: 700; color: var(--text); margin-bottom: 16px; }
.footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.footer-links a, .footer-mail { color: var(--muted); display: inline-flex; gap: 8px; align-items: center; font-size: 0.9rem; }
.footer-links a:hover { color: var(--gold); }
.footer-brand .age { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.footer-brand .age a { color: var(--text-2); text-decoration: underline; }
.age-badge { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--down); color: var(--text); font-size: 0.72rem; font-weight: 800; flex-shrink: 0; }
.footer-bottom { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 22px; font-size: 0.8rem; color: var(--muted); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-bottom p { margin: 0; }
.footer-bottom .risk { max-width: 720px; }
.footer-langs a { color: var(--muted); }
@media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; } .footer-brand { grid-column: 1 / -1; } }
@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }

/* ---------- Canlı destek ---------- */
.chat { position: fixed; right: calc(20px + env(safe-area-inset-right, 0px)); bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 60; }
.chat-fab { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; border: 0; background: var(--gold-grad); color: var(--gold-ink); cursor: pointer; box-shadow: 0 10px 30px -10px rgba(226, 184, 79, 0.8); transition: transform 0.2s; }
.chat-fab:hover { transform: translateY(-2px); }
.chat-fab-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.chat-panel { position: absolute; right: 0; bottom: 68px; width: min(380px, calc(100vw - 32px)); height: min(560px, calc(100vh - 140px)); display: flex; flex-direction: column; background: var(--panel); border: 1px solid var(--line-2); border-radius: 18px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6); }
.chat-head { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--line); background: var(--bg-2); }
.chat-head small { display: block; color: var(--muted); font-size: 0.76rem; }
.chat-close { background: none; border: 0; color: var(--muted); cursor: pointer; }
.chat-log { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.msg { max-width: 85%; padding: 10px 13px; border-radius: 12px; font-size: 0.9rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.msg.bot { background: var(--panel-2); align-self: flex-start; }
.msg.me { background: var(--gold-grad); color: var(--gold-ink); align-self: flex-end; }
.msg a { color: var(--gold); text-decoration: underline; }
.msg.me a { color: var(--gold-ink); }
.msg.typing::after { content: '▍'; animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.chat-form { display: flex; gap: 8px; padding: 12px; border-top: 1px solid var(--line); }
.chat-off { flex-direction: column; }
.chat-form input { flex: 1; min-width: 0; height: 42px; border-radius: var(--radius-sm); border: 1px solid var(--line-2); background: var(--bg-2); color: var(--text); padding: 0 12px; font: inherit; }
.chat-form input:focus { border-color: var(--gold); outline: none; }
.chat-foot { font-size: 0.72rem; color: var(--muted); padding: 0 12px 10px; margin: 0; }
@media (max-width: 520px) { .chat { right: calc(12px + env(safe-area-inset-right, 0px)); bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } }

/* ---------- Çerez onayı ve yaş doğrulama ---------- */
.consent { position: fixed; left: max(24px, env(safe-area-inset-left, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 70; width: min(440px, calc(100vw - 32px)); background: var(--panel); border: 1px solid var(--line-2); border-radius: 16px; padding: 18px; box-shadow: var(--shadow); }
.consent p { font-size: 0.88rem; color: var(--text-2); }
.consent-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.age-gate { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; background: rgba(4, 8, 16, 0.82); backdrop-filter: blur(8px); padding: 16px; }
.age-box { width: min(460px, 100%); background: var(--panel); border: 1px solid var(--line-2); border-radius: 22px; padding: 32px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; box-shadow: var(--shadow); }
.age-box p { color: var(--text-2); }
.age-actions { display: flex; flex-direction: column; gap: 10px; width: 100%; }

.toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--panel-2); border: 1px solid var(--line-2); color: var(--text); padding: 10px 18px; border-radius: var(--radius-sm); z-index: 95; box-shadow: var(--shadow); font-size: 0.9rem; max-width: calc(100vw - 32px); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition: none !important; scroll-behavior: auto !important; }
}
.tbl-wrap { overflow-x: auto; max-width: 100%; }


/* Makale */
.post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 64px; align-items: start; }
.post { max-width: 760px; }
.post-head { margin-bottom: 36px; padding-bottom: 28px; border-bottom: 1px solid var(--hair); }
.post-head h1 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.12; margin: 12px 0 16px; }
.post-lead { font-size: 1.15rem; line-height: 1.6; color: var(--text-2); margin-bottom: 18px; }
.post-info { display: flex; flex-wrap: wrap; gap: 6px 0; margin: 0; font-size: 0.85rem; color: var(--muted); }
.post-info span + span::before { content: '·'; margin: 0 10px; color: var(--line-2); }
.post .prose { font-size: 1.04rem; line-height: 1.8; max-width: 720px; }
.post .prose h2 { font-size: 1.55rem; margin-top: 2.2em; scroll-margin-top: 150px; }
.prose strong { color: var(--text); }
.prose table { display: table; border-collapse: separate; border-spacing: 0; width: auto; min-width: min(100%, 420px); margin: 1.4em 0; border: 1px solid var(--hair); border-radius: 14px; overflow: hidden; font-variant-numeric: tabular-nums; }
.prose thead th { background: rgba(226, 184, 79, 0.08); color: var(--text); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.04em; }
.prose th, .prose td { padding: 11px 18px; border-bottom: 1px solid var(--hair); }
.prose tbody tr:last-child td { border-bottom: 0; }
.prose tbody tr:hover td { background: rgba(255, 255, 255, 0.02); }
.prose ul li::marker { color: var(--gold); }
.prose ol li::marker { color: var(--gold); font-weight: 700; }
.post-aside { position: sticky; top: 150px; display: flex; flex-direction: column; gap: 18px; }
.toc { padding: 20px; border-radius: 18px; border: 1px solid var(--hair); background: rgba(255, 255, 255, 0.02); }
.toc b { display: block; font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }
.toc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; counter-reset: toc; }
.toc li { counter-increment: toc; }
.toc a { display: flex; gap: 10px; padding: 7px 8px; border-radius: 8px; color: var(--text-2); font-size: 0.88rem; line-height: 1.4; }
.toc a::before { content: counter(toc, decimal-leading-zero); font-family: var(--mono); font-size: 0.72rem; color: var(--muted); padding-top: 2px; }
.toc a:hover, .toc a.is-on { background: rgba(226, 184, 79, 0.08); color: var(--gold-2); }
.aside-cta { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 20px; border: 1px solid rgba(226, 184, 79, 0.25); background: #141e30; }
.aside-cta p { margin: 0; color: var(--text-2); font-size: 0.9rem; }
.aside-cta .ac-fee { display: flex; align-items: baseline; gap: 12px; }
.ac-fee s { color: var(--muted); font-size: 1.2rem; text-decoration-color: var(--down); text-decoration-thickness: 2px; }
.ac-fee b { font-family: var(--display); font-size: 3rem; font-weight: 650; line-height: 1; letter-spacing: -0.04em; color: var(--gold); }
.aside-cta .btn { min-height: 46px; }
@media (max-width: 1080px) { .post-layout { grid-template-columns: 1fr; gap: 32px; } .post-aside { position: static; } .toc { display: none; } }
/* Detay ve karşılaştırma başlığında ad ayrıca yazıldığı için yalnızca monogram */
.pf-logo .wordmark, .cmp-logo .wordmark { padding: 0; }
.pf-logo .wm-name, .cmp-logo .wm-name { display: none; }
.pf-logo .wm-mono { width: 72px; height: 72px; border-radius: 20px; font-size: 2rem; }
.cmp-logo .wm-mono { width: 48px; height: 48px; font-size: 1.3rem; }
.tile-title h3.sr + .tile-type { margin-left: 0; }
.tile-title:has(h3.sr) { justify-content: flex-start; }

/* Shared dark surfaces, including forms and detail pages */
.pf-logo,.cmp-logo{background:#1b2940}.pf-logo .wordmark,.cmp-logo .wordmark{padding:0}.pf-logo .wm-name,.cmp-logo .wm-name{display:none}.pf-logo .wm-mono,.cmp-logo .wm-mono{display:grid;place-items:center;width:64px;height:64px;border:1px solid #4d6385;border-radius:12px;color:#c6d7f2;font-size:28px}.cmp-logo .wm-mono{width:40px;height:40px;font-size:20px}
.pf-logo>img,.cmp-logo>img{filter:none;max-width:100%;max-height:80px}.pf-logo>img[src$='betfair.svg'],.cmp-logo>img[src$='betfair.svg']{filter:brightness(0) invert(1)}
.seo-text{background:transparent;border:0;border-top:1px solid var(--line);padding:28px 0 0;border-radius:0;font-size:13px}.seo-text h2{font-size:22px}.seo-text h3{font-size:17px}
.faq .display{font-size:30px}.faq-list{gap:0;border-top:1px solid var(--line)}.faq details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.faq summary{padding:18px 0;font-size:14px;font-weight:500}.faq details p{padding:0 25px 20px 0;font-size:13px;color:#a7b6cd}
.site-footer{margin-top:20px;background:#070c14;border-top:1px solid #233047;padding-block:44px 24px}.footer-h{font-size:14px;font-weight:600;color:#e8edf5}.footer-brand p,.footer-links a,.footer-mail{font-size:13px;color:#91a2bd}.footer-bottom{font-size:11px}.footer-grid{gap:32px}
.chat-fab{width:50px;height:50px;border-radius:50%;background:#e3bd65;color:#211a0b;border:1px solid #f1d493;box-shadow:0 4px 20px #0005}.chat-panel{border-radius:12px;box-shadow:0 12px 40px #0007}.chat-head{background:#1c2a40}.chat-head small{color:#a3b5cf}.consent{border-radius:10px;padding:18px;box-shadow:0 8px 30px #0006}.consent p{font-size:12px}.consent .btn{font-size:12px;padding:0 14px;min-height:36px}.age-box{border-radius:12px}
.pf-hero,.fact-table div,.cmp-wrap,.contact-card,.auth-card,.acct-sec,.review,.review-form,.aside-cta,.toc{border-radius:10px}.ac-fee b{color:var(--gold)}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) 250px}.slide-copy{padding-inline:30px;max-width:500px}.slide-title{font-size:40px;max-width:360px}.slide-sub{max-width:300px}.account-promo{padding:22px}.account-promo h2{font-size:23px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-inner{gap:20px}.service-inner small{display:none}.tile-desc{min-height:42px}}
@media(max-width:850px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-aside{display:none}.slide-copy{max-width:570px}.slide-title{font-size:46px;max-width:440px}.slide-sub{max-width:360px}.hero-stadium{object-position:72% 50%}.trust{grid-template-columns:1fr;gap:30px;padding:30px}.steps{grid-template-columns:1fr;gap:30px}.steps-intro{position:static}.steps-intro p{max-width:600px}.compare-cta{align-items:flex-start;flex-direction:column}.cta-band{flex-direction:column;align-items:flex-start}.service-inner>a{font-size:11px}}
@media(max-width:650px){.container{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}.hero{padding-top:16px}.hero-grid{gap:0}.slider{border-radius:9px}.slide-art,.slide-photo{min-height:375px}.slide-copy{min-height:375px;padding:32px 24px 70px;max-width:none}.slide-title{font-size:38px;max-width:320px;margin-bottom:16px}.slide-sub{font-size:13px;line-height:1.55;max-width:275px}.slide-art::after{background:linear-gradient(90deg,#101a2cf5,#101a2cdd 45%,#101a2c66)}.hero-stadium{object-position:70% 50%;filter:saturate(.6) brightness(.6)}.slider-ui{left:24px;right:18px;bottom:20px}.service-strip{padding-top:17px}.service-inner{grid-template-columns:1fr;gap:0}.service-inner>a{padding-block:10px;border-bottom:1px solid #1d2a3d;font-size:12px}.service-inner>a:last-child{display:none}.service-inner small{display:block}.service-inner>a>svg:last-child{display:none}.hdr-actions{gap:6px}.logo{font-size:28px}.logo-svg{width:25px;height:25px}.hdr-row{height:64px}body>main.main{padding:30px max(18px,env(safe-area-inset-right,0px)) 44px max(18px,env(safe-area-inset-left,0px))}.main>section+section{margin-top:46px}.list-head{gap:16px;margin-bottom:20px}.list-head h1,.list-head h2{font-size:27px}.list-head .lead{font-size:13px}.list-head .link-more{align-self:flex-start;font-size:12px}.filters{flex-direction:column-reverse;align-items:stretch;gap:12px;padding-bottom:14px;margin-bottom:18px}.filter-search{flex-basis:auto}.chips{gap:4px}.chip{padding-inline:12px}.tile-grid{grid-template-columns:minmax(0,1fr);gap:18px}.tile-top{height:96px}.tile-plate{width:57%}.tile-desc{min-height:0;font-size:14px}.tile-body{gap:10px}.tile-type{font-size:11px}.tile-meta{font-size:12px}.tile-camp{font-size:12px}.tile-sub{font-size:12px}.code{font-size:11px}.tile-title h3{font-size:21px}.tile-cta .btn{min-height:44px;font-size:14px}.trust{padding:26px;gap:24px}.trust .display{font-size:29px}.stats{gap:26px}.stats dd{font-size:36px}.steps-list{grid-template-columns:1fr;gap:24px}.steps-list h3{font-size:19px}.steps-list p{font-size:14px}.compare-cta{padding:24px}.compare-cta .display{font-size:26px}.post-grid{grid-template-columns:1fr}.post-card p{font-size:14px}.cta-band .display{font-size:28px}.signup{flex-wrap:wrap}.signup input{min-width:150px}.signup .btn{flex:1}.footer-grid{gap:26px}.faq summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}