@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Barlow:wght@300;400;500;600;700&display=swap');

/* ── DARK TEMA (varsayılan) ─────────────────────────────────────── */
:root {
  --bg:#08090d; --bg2:#0f1016; --bg3:#15161e;
  --border:rgba(255,255,255,.07); --border2:rgba(255,255,255,.14);
  --text:#e8e9f0; --muted:#6b6c80; --faint:#2a2b3d;
  --green:#00e87a; --green2:#00cc6a;
  --gbg:rgba(0,232,122,.08); --gborder:rgba(0,232,122,.25);
  --red:#ff4d6d; --rbg:rgba(255,77,109,.08); --rborder:rgba(255,77,109,.25);
  --amber:#ffcc00; --abg:rgba(255,204,0,.08); --aborder:rgba(255,204,0,.25);
  --blue:#4d9fff; --bbg:rgba(77,159,255,.08); --bborder:rgba(77,159,255,.25);
  --nav-bg:rgba(8,9,13,.94);
  --shadow:0 4px 28px rgba(0,0,0,.45);
  --shadow-lg:0 8px 48px rgba(0,0,0,.55);
}
/* ── LIGHT TEMA ─────────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:#f2f4f8; --bg2:#ffffff; --bg3:#e8ecf4;
  --border:rgba(0,0,0,.08); --border2:rgba(0,0,0,.15);
  --text:#0f1014; --muted:#6b7280; --faint:#d1d5db;
  --green:#059652; --green2:#047a42;
  --gbg:rgba(5,150,82,.07); --gborder:rgba(5,150,82,.25);
  --red:#c0243a; --rbg:rgba(192,36,58,.07); --rborder:rgba(192,36,58,.25);
  --amber:#92600a; --abg:rgba(146,96,10,.07); --aborder:rgba(146,96,10,.25);
  --blue:#1a5fb4; --bbg:rgba(26,95,180,.07); --bborder:rgba(26,95,180,.25);
  --nav-bg:rgba(242,244,248,.95);
  --shadow:0 4px 24px rgba(0,0,0,.08);
  --shadow-lg:0 8px 40px rgba(0,0,0,.12);
}

/* ── RESET ──────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Barlow',sans-serif;
     -webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s;line-height:1.6}
a{text-decoration:none!important;color:inherit}
button{font-family:'Barlow',sans-serif}

/* ── TİPOGRAFİ ──────────────────────────────────────────────────── */
.serif{font-family:'Instrument Serif',serif;font-style:italic}
h1,h2,h3{font-family:'Instrument Serif',serif;font-style:italic;line-height:.95}
h1{font-size:clamp(52px,8vw,100px);letter-spacing:-3px}
h2{font-size:clamp(38px,5vw,68px);letter-spacing:-2px}
h3{font-size:clamp(24px,3vw,36px);letter-spacing:-1px}

/* ── TICKER ─────────────────────────────────────────────────────── */
.ticker-wrap{overflow:hidden;background:var(--bg2);border-bottom:1px solid var(--border);
             height:40px;display:flex;align-items:center}
.ticker-label{flex-shrink:0;padding:0 20px;font-size:11px;font-family:monospace;
              font-weight:700;color:var(--green);border-right:1px solid var(--border);
              height:100%;display:flex;align-items:center;gap:7px;
              background:var(--gbg);letter-spacing:.08em;text-transform:uppercase}
.ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--green);
            box-shadow:0 0 6px var(--green);animation:pulse 2s infinite}
.ticker-track{display:flex;animation:tickerScroll 50s linear infinite;white-space:nowrap}
.ticker-item{padding:0 28px;font-size:12px;font-family:monospace;display:flex;
             align-items:center;gap:10px;border-right:1px solid var(--border);height:40px}
.ticker-sym{color:var(--muted);font-weight:600}
.ticker-price{color:var(--text);font-weight:600}
.ticker-up{color:var(--green)}.ticker-dn{color:var(--red)}

/* ── NAV ────────────────────────────────────────────────────────── */
nav{position:sticky;top:0;z-index:200;background:var(--nav-bg);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);transition:background .3s}
.nav-inner{max-width:1300px;margin:0 auto;padding:0 32px;height:68px;
           display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-logo{display:flex;align-items:center;gap:10px;color:var(--text);flex-shrink:0}
.nav-logo-box{width:38px;height:38px;border-radius:10px;
              background:#050506 url('logo.png') center/cover no-repeat;
              display:flex;align-items:center;justify-content:center;
              font-size:0;font-weight:700;color:transparent;flex-shrink:0;
              border:1px solid rgba(255,255,255,.12);
              box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05);
              overflow:hidden}
.nav-logo-text{font-size:20px;font-weight:700;letter-spacing:-.3px}
.nav-logo-text em{font-style:normal;color:var(--green)}
.nav-links{display:flex;align-items:center;gap:2px;border-radius:9999px;padding:6px;overflow:hidden;flex-shrink:1}
.nav-link{padding:8px 13px;border-radius:9999px;font-size:13px;font-weight:500;
          color:var(--muted);background:none;border:none;cursor:pointer;
          transition:all .15s;white-space:nowrap}
.nav-link:hover{color:var(--text)}
.nav-link.active{color:var(--green);background:var(--gbg)}
.nav-right{display:flex;align-items:center;gap:10px}
.currency-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--border2);
                 background:var(--bg3);border-radius:9999px;padding:3px;flex-shrink:0}
.currency-switch button{border:0;background:transparent;color:var(--muted);border-radius:9999px;
                        padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.04em;
                        cursor:pointer;line-height:1}
.currency-switch button.active{background:var(--green);color:#071c14}
.theme-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border2);
           background:var(--bg3);cursor:pointer;display:flex;align-items:center;
           justify-content:center;color:var(--text);transition:all .2s;flex-shrink:0}
.theme-btn:hover{border-color:var(--green);background:var(--gbg)}
.nav-cta{background:var(--green);color:#071c14;border:none;border-radius:9999px;
         padding:11px 22px;font-size:14px;font-weight:700;cursor:pointer;
         transition:opacity .15s;white-space:nowrap}
.nav-cta:hover{opacity:.85}

/* Hamburger */
.nav-ham{display:none;width:44px;height:44px;border-radius:50%;
         border:1px solid var(--border2);background:var(--bg3);cursor:pointer;
         flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}
.ham-line{width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}
.nav-ham.open .ham-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-ham.open .ham-line:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-ham.open .ham-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile menu */
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;
             background:var(--nav-bg);backdrop-filter:blur(20px);
             border-bottom:1px solid var(--border);padding:14px 20px 20px;
             z-index:199;flex-direction:column;gap:4px;animation:fadeUp .2s ease}
.mobile-menu.open{display:flex}
.mobile-menu-link{padding:12px 16px;border-radius:10px;font-size:16px;font-weight:500;
                  color:var(--text);display:block;transition:all .15s}
.mobile-menu-link:hover,.mobile-menu-link.active{background:var(--gbg);color:var(--green)}
.mm-divider{height:1px;background:var(--border);margin:8px 0}
.mm-cta{display:block;text-align:center;background:var(--green);color:#071c14;
        border-radius:10px;padding:14px;font-size:16px;font-weight:700;margin-top:6px}

/* ── BUTONLAR ───────────────────────────────────────────────────── */
.btn-primary{background:var(--green);color:#071c14;border:none;border-radius:9999px;
             padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;
             display:inline-flex;align-items:center;gap:8px;transition:opacity .15s}
.btn-primary:hover{opacity:.85}
.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2);
               border-radius:9999px;padding:14px 26px;font-size:15px;font-weight:500;
               cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s}
.btn-secondary:hover{border-color:var(--green);color:var(--green)}
.btn-ghost{background:transparent;color:var(--muted);border:none;padding:14px 8px;
           font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .15s}
.btn-ghost:hover{color:var(--text)}

/* ── SECTIONS ───────────────────────────────────────────────────── */
.section{padding:88px 32px}
.sec-inner{max-width:1300px;margin:0 auto}

/* Section renk şemaları */
.sec-dark   {background:var(--bg)}
.sec-mid    {background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sec-light  {background:var(--bg3);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2)}
.sec-green  {background:var(--gbg);border-top:1px solid var(--gborder);border-bottom:1px solid var(--gborder)}
.sec-blue   {background:var(--bbg);border-top:1px solid var(--bborder);border-bottom:1px solid var(--bborder)}
.sec-amber  {background:var(--abg);border-top:1px solid var(--aborder);border-bottom:1px solid var(--aborder)}

.sec-tag{display:inline-flex;align-items:center;border-radius:9999px;padding:7px 18px;
         font-size:13px;font-weight:600;margin-bottom:20px;
         background:var(--bg3);border:1px solid var(--border2);font-family:monospace}

/* ── KARTLAR ────────────────────────────────────────────────────── */
.card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;
      padding:26px;transition:all .2s}
.card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow)}
.card-green{border-color:var(--gborder)!important;background:var(--gbg)!important}
.card-red  {border-color:var(--rborder)!important;background:var(--rbg)!important}
.card-amber{border-color:var(--aborder)!important;background:var(--abg)!important}
.card-blue {border-color:var(--bborder)!important;background:var(--bbg)!important}

/* ── BADGE ──────────────────────────────────────────────────────── */
.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;
       border-radius:9999px;letter-spacing:.04em;text-transform:uppercase;font-family:monospace}
.bg  {background:var(--gbg);color:var(--green);border:1px solid var(--gborder)}
.br  {background:var(--rbg);color:var(--red);  border:1px solid var(--rborder)}
.ba  {background:var(--abg);color:var(--amber); border:1px solid var(--aborder)}
.bb  {background:var(--bbg);color:var(--blue);  border:1px solid var(--bborder)}
.bgr {background:var(--bg3);color:var(--muted); border:1px solid var(--border2)}

/* ── CANLI VERİ GÖRÜNÜMÜ ───────────────────────────────────────── */
.live-status-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 16px;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,var(--bg2),var(--bg3));
  border:1px solid var(--border);box-shadow:var(--shadow)}
.live-status-left{display:flex;align-items:center;gap:12px;min-width:0}
.live-pulse{width:12px;height:12px;border-radius:50%;background:var(--green);
  box-shadow:0 0 0 0 rgba(0,232,122,.45);animation:livePulse 1.8s infinite;flex-shrink:0}
.live-pulse.demo{background:var(--amber);box-shadow:0 0 0 0 rgba(255,204,0,.4)}
.live-status-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}
.live-status-sub{font-size:12px;color:var(--muted);font-family:monospace}
.live-status-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.source-pill{display:inline-flex;align-items:center;gap:7px;border-radius:9999px;padding:7px 12px;
  font-size:12px;font-weight:700;font-family:monospace;border:1px solid var(--border2);background:var(--bg3);color:var(--muted)}
.source-pill.live{background:var(--gbg);border-color:var(--gborder);color:var(--green)}
.source-pill.demo{background:var(--bbg);border-color:var(--bborder);color:var(--blue)}
.verify-pill{display:inline-flex;align-items:center;border-radius:9999px;padding:4px 9px;
  font-size:10px;font-weight:700;font-family:monospace;text-transform:uppercase;letter-spacing:.04em}
.verify-pill.ok{background:var(--gbg);border:1px solid var(--gborder);color:var(--green)}
.verify-pill.wait{background:var(--bbg);border:1px solid var(--bborder);color:var(--blue)}
.verify-pill.demo{background:var(--bbg);border:1px solid var(--bborder);color:var(--blue)}
.price-stack{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.price-source-note{font-size:11px;color:var(--muted);font-family:monospace}
.hero-live-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-28px 0 30px;
  padding:12px 16px;border-radius:14px;border:1px solid rgba(0,232,122,.22);
  background:rgba(0,232,122,.075);max-width:560px}
.hero-live-strip span{font-size:12px;font-family:monospace;color:var(--green);font-weight:700}
.hero-live-strip small{font-size:12px;color:var(--muted);font-family:monospace}
.opportunity-card{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;overflow:hidden;
  margin:0 0 16px;border:1px solid var(--gborder);border-radius:16px;background:var(--gborder);
  box-shadow:var(--shadow)}
.opp-main,.opp-side{background:linear-gradient(135deg,var(--gbg),var(--bg2));padding:20px 24px}
.opp-title{font-size:13px;color:var(--green);font-family:monospace;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.opp-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.opp-exchange{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;color:var(--text)}
.opp-arrow{color:var(--green);font-family:monospace;font-weight:800}
.opp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opp-metric{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);padding:12px}
.opp-label{font-size:10px;color:var(--muted);font-family:monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.opp-value{font-family:'Instrument Serif',serif;font-style:italic;font-size:24px;color:var(--text);line-height:1}
.opp-value.good{color:var(--green)}.opp-value.warn{color:var(--amber)}.opp-value.bad{color:var(--red)}
.opp-note{font-size:13px;color:var(--muted);line-height:1.55;margin-top:12px}
.opp-actions{display:flex;flex-direction:column;gap:10px;justify-content:center;height:100%}
.opp-action{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:9999px;
  padding:10px 14px;border:1px solid var(--border2);color:var(--text);font-size:13px;font-family:monospace;text-decoration:none!important}
.opp-action.buy{background:var(--green);color:#071c14;border-color:var(--green);font-weight:800}
.opp-action.sell{background:transparent;color:var(--green);border-color:var(--gborder)}
.trade-note{margin:10px 0 16px;padding:12px 16px;border-radius:12px;background:var(--bbg);
  border:1px solid var(--bborder);color:var(--muted);font-size:13px;line-height:1.55}
@keyframes livePulse{70%{box-shadow:0 0 0 10px rgba(0,232,122,0)}100%{box-shadow:0 0 0 0 rgba(0,232,122,0)}}

@media(max-width:700px){
  .live-status-panel{align-items:flex-start;flex-direction:column}
  .live-status-badges{justify-content:flex-start}
  .price-stack{align-items:flex-start;text-align:left}
  .opportunity-card{grid-template-columns:1fr}
  .opp-metrics{grid-template-columns:1fr}
}

/* ── ONBOARDING OVERLAY ─────────────────────────────────────────── */
#ob-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.9);
            backdrop-filter:blur(20px);display:flex;align-items:center;
            justify-content:center;padding:20px;animation:fadeIn .3s ease}
.ob-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:24px;
          padding:0;max-width:760px;width:100%;max-height:92vh;overflow-y:auto;
          animation:modalUp .4s ease}
.ob-modal::-webkit-scrollbar{width:4px}
.ob-modal::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}

.ob-header{padding:28px 32px 0}
.ob-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.ob-logo-box{width:36px;height:36px;border-radius:9px;
             background:linear-gradient(135deg,#003d22,#00a355);
             display:flex;align-items:center;justify-content:center;
             font-size:13px;font-weight:700;color:#fff}
.ob-logo-name{font-size:18px;font-weight:700}
.ob-logo-name em{font-style:normal;color:var(--green)}
.ob-progress{display:flex;gap:6px;margin-bottom:24px}
.ob-pdot{flex:1;height:3px;border-radius:9999px;background:var(--border2);transition:background .3s}
.ob-pdot.done{background:var(--green)}.ob-pdot.now{background:rgba(0,232,122,.4)}
[data-theme="light"] .ob-pdot.now{background:rgba(5,150,82,.35)}
.ob-step{display:none}.ob-step.active{display:block}
.ob-body{padding:0 32px 32px}
.ob-title{font-family:'Instrument Serif',serif;font-style:italic;
          font-size:clamp(28px,4vw,44px);line-height:1;letter-spacing:-1px;
          color:var(--text);margin-bottom:10px}
.ob-sub{font-size:16px;font-weight:300;color:var(--muted);line-height:1.7;margin-bottom:8px}
.ob-count{font-size:13px;color:var(--muted);font-family:monospace;margin-bottom:14px}

/* Borsa seçim ızgarası */
.ob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
         gap:10px;margin-bottom:28px;max-height:360px;overflow-y:auto;padding:2px}
.ob-grid::-webkit-scrollbar{width:4px}
.ob-grid::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
.ob-item{border:1.5px solid var(--border2);border-radius:12px;padding:14px 12px;
         cursor:pointer;transition:all .15s;background:var(--bg3);
         display:flex;flex-direction:column;gap:8px;position:relative;user-select:none}
.ob-item:hover{border-color:var(--gborder);transform:translateY(-1px)}
.ob-item.sel{border-color:var(--green);background:var(--gbg)}
.ob-item-name{font-size:13px;font-weight:600;color:var(--text)}
.ob-item-type{font-size:10px;color:var(--muted);font-family:monospace}
.ob-check{position:absolute;top:7px;right:7px;width:18px;height:18px;
          border-radius:50%;background:var(--green);display:flex;
          align-items:center;justify-content:center;font-size:10px;
          color:#000;font-weight:700;opacity:0;transition:opacity .15s}
.ob-item.sel .ob-check{opacity:1}

/* Kayıt teşvik ızgarası */
.ob-reg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
             gap:10px;margin-bottom:24px;max-height:400px;overflow-y:auto}
.ob-reg-item{border:1px solid var(--border);border-radius:12px;padding:16px;
             background:var(--bg3);display:flex;align-items:center;gap:12px}
.ob-reg-info{flex:1;min-width:0}
.ob-reg-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px}
.ob-reg-bonus{font-size:12px;color:var(--green);font-family:monospace;font-weight:600;margin-bottom:2px}
.ob-reg-desc{font-size:12px;color:var(--muted);font-weight:300}
.ob-reg-btn{background:var(--green);color:#071c14;border:none;border-radius:9999px;
            padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;
            white-space:nowrap;flex-shrink:0;transition:opacity .15s}
.ob-reg-btn:hover{opacity:.85}

/* Onboarding butonları */
.ob-btn-row{display:flex;gap:10px;align-items:center}
.ob-btn-p{background:var(--green);color:#071c14;border:none;border-radius:9999px;
          padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;flex:1;transition:opacity .15s}
.ob-btn-p:hover{opacity:.85}
.ob-btn-s{background:transparent;color:var(--muted);border:1px solid var(--border2);
          border-radius:9999px;padding:14px 22px;font-size:15px;cursor:pointer;transition:all .15s}
.ob-btn-s:hover{color:var(--text);border-color:var(--border)}
.ob-btn-skip{background:none;border:none;color:var(--muted);font-size:14px;
             cursor:pointer;padding:14px 10px;transition:color .15s}
.ob-btn-skip:hover{color:var(--text)}

/* Tüm borsa butonu */
.ob-all-btn{width:100%;background:linear-gradient(135deg,var(--gbg),var(--bbg));
            border:1.5px solid var(--gborder);border-radius:12px;padding:16px;
            font-size:15px;font-weight:700;color:var(--green);cursor:pointer;
            margin-bottom:16px;transition:all .15s;font-family:'Barlow',sans-serif}
.ob-all-btn:hover{background:var(--gbg)}

/* ── FOOTER ─────────────────────────────────────────────────────── */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:52px 32px 32px}
.footer-inner{max-width:1300px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{font-family:'Instrument Serif',serif;font-style:italic;font-size:26px;
             color:var(--text);margin-bottom:10px}
.footer-logo em{font-style:normal;color:var(--green)}
.footer-desc{font-size:15px;font-weight:300;color:var(--muted);line-height:1.7;max-width:280px}
.footer-col-title{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;
                  letter-spacing:.08em;font-family:monospace;margin-bottom:16px}
.footer-links-list{list-style:none}
.footer-links-list li{margin-bottom:10px}
.footer-links-list a,.footer-links-list span{font-size:15px;color:var(--muted);
  text-decoration:none;transition:color .15s;cursor:pointer;font-weight:300}
.footer-links-list a:hover,.footer-links-list span:hover{color:var(--text)}
.footer-bottom{border-top:1px solid var(--border);padding-top:24px;
               display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:13px;color:var(--muted);font-family:monospace}

/* ── SPINNER & STATE ────────────────────────────────────────────── */
.spinner{width:30px;height:30px;border:2px solid var(--border2);
         border-top-color:var(--green);border-radius:50%;
         animation:spin .7s linear infinite;margin:0 auto 16px}
.state-box{padding:60px;text-align:center;font-family:monospace;font-size:14px;
           color:var(--muted);border-radius:16px;background:var(--bg2);border:1px solid var(--border)}

/* ── ANİMASYONLAR ───────────────────────────────────────────────── */
@keyframes fadeUp   {from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes fadeIn   {from{opacity:0}to{opacity:1}}
@keyframes modalUp  {from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pulse    {0%,100%{opacity:1;box-shadow:0 0 7px var(--green)}50%{opacity:.35;box-shadow:none}}
@keyframes float    {0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes spin     {to{transform:rotate(360deg)}}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes slideIn  {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.a1{animation:fadeUp .7s ease both .1s}
.a2{animation:fadeUp .7s ease both .3s}
.a3{animation:fadeUp .7s ease both .5s}
.a4{animation:fadeUp .7s ease both .7s}
.a5{animation:fadeUp .7s ease both .9s}

/* ── FORM ELEMANLARI ────────────────────────────────────────────── */
.input{width:100%;background:var(--bg3);border:1.5px solid var(--border2);
       border-radius:10px;color:var(--text);font-size:16px;
       padding:13px 16px;outline:none;transition:border-color .2s;font-family:'Barlow',sans-serif}
.input:focus{border-color:var(--green)}
.input-mono{font-family:monospace;font-size:18px;font-weight:700;
            text-transform:uppercase;letter-spacing:.06em}
.input-mono::placeholder{text-transform:none;font-size:14px;letter-spacing:0;
                          font-weight:300;color:var(--muted)}
.select{width:100%;background:var(--bg3);border:1.5px solid var(--border2);
        border-radius:10px;color:var(--text);font-size:15px;
        padding:13px 16px;outline:none;cursor:pointer;font-family:'Barlow',sans-serif}
.select:focus{border-color:var(--green)}

/* ── RESPONSİF ──────────────────────────────────────────────────── */
@media(max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:900px){
  .nav-links{display:none!important}
  .nav-cta  {display:none!important}
  .nav-ham  {display:flex!important}
  .nav-inner{padding:0 20px}
  .section  {padding:64px 20px}
  footer    {padding:40px 20px 28px}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .ob-modal {border-radius:16px}
  .ob-header,.ob-body{padding-left:22px;padding-right:22px}
  .ob-grid  {grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  .ob-reg-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  h1{letter-spacing:-2px}
  .ob-btn-row{flex-direction:column}
  .ob-btn-p,.ob-btn-s{width:100%}
}

/* Feature card fix */
.feat-card, .feat-card * { text-decoration: none !important; }
.feat-card:hover { text-decoration: none !important; }

/* ── GENEL DÜZELTMELER ── */
/* Feature kartlarında underline kesinlikle yok */
a.feat-card, a.feat-card h3, a.feat-card p, a.feat-card div, a.feat-card span {
  text-decoration: none !important;
}
/* Tüm anchor taglerinde varsayılan underline yok */
a { text-decoration: none !important; }

/* Nav taşma düzeltme */
.nav-links { overflow: hidden; max-width: 700px; flex-shrink: 1; }
.nav-link   { white-space: nowrap; }

/* Onboarding borsa grid item düzeltme */
.ob-item { text-align: left; }
.ob-item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Onboarding scroll bar */
.ob-grid::-webkit-scrollbar { width: 4px; }
.ob-grid::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }

/* Tema ve mobil sertlestirme */
img{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
.icon-sun{display:none}
[data-theme="dark"] .icon-moon{display:block!important}
[data-theme="dark"] .icon-sun{display:none!important}
[data-theme="light"] .icon-moon{display:none!important}
[data-theme="light"] .icon-sun{display:block!important}

[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] .ticker-wrap,
[data-theme="light"] nav,
[data-theme="light"] footer{box-shadow:0 1px 0 rgba(15,23,42,.04)}
[data-theme="light"] .nav-link.active,
[data-theme="light"] .mobile-menu-link.active{background:rgba(5,150,82,.1)}
[data-theme="light"] .theme-btn,
[data-theme="light"] .nav-ham,
[data-theme="light"] .btn-secondary,
[data-theme="light"] .source-pill,
[data-theme="light"] .input,
[data-theme="light"] .select{background:#fff}
[data-theme="light"] .hero{background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%)!important}
[data-theme="light"] .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,250,252,.65),rgba(248,250,252,.25));pointer-events:none;z-index:0}
[data-theme="light"] .grid-floor{opacity:.34}
[data-theme="light"] .glow-orb{opacity:.55}
[data-theme="light"] .card-3d,
[data-theme="light"] .live-card{background:rgba(255,255,255,.9)!important;box-shadow:0 18px 45px rgba(15,23,42,.1)!important}
[data-theme="light"] .opp-metric{background:rgba(255,255,255,.7)}
[data-theme="light"] .page-hero,
[data-theme="light"] .sw,
[data-theme="light"] .pw,
[data-theme="light"] .alarm-wrap,
[data-theme="light"] .sec-inner2{background:transparent}
[data-theme="light"] .guide-panel,
[data-theme="light"] .guide-pick,
[data-theme="light"] .portfolio-status,
[data-theme="light"] .pi-card,
[data-theme="light"] .as-card,
[data-theme="light"] .best-card,
[data-theme="light"] .borsa-card.best,
[data-theme="light"] .u-card.top1,
[data-theme="light"] .gm,
[data-theme="light"] .bc,
[data-theme="light"] .u-card,
[data-theme="light"] .tip{box-shadow:0 12px 30px rgba(15,23,42,.06)}

@media(max-width:760px){
  .ticker-wrap{height:36px}
  .ticker-label{padding:0 12px;font-size:10px}
  .ticker-item{height:36px;padding:0 18px;font-size:11px}
  .nav-inner{height:64px;padding:0 16px}
  .mobile-menu{top:64px}
  .nav-logo-text{font-size:18px}
  .nav-logo-box{width:36px;height:36px}
  .theme-btn,.nav-ham{width:40px;height:40px}
  .page-hero{padding:30px 18px 24px!important}
  .section{padding:52px 18px}
  .hero-btns,
  .ob-btn-row,
  .alert-inputs,
  .search-guide,
  .search-bar,
  .coin-search,
  .amount-row,
  .portfolio-status,
  .bc-foot,
  .bc-stats{align-items:stretch!important}
  .hero-btns .btn-primary,
  .hero-btns .btn-secondary,
  .alert-inputs input,
  .alert-inputs button,
  .search-guide input,
  .search-guide button,
  .search-bar input,
  .search-bar button,
  .coin-search input,
  .coin-search button,
  .amount-input{width:100%;justify-content:center}
  .search-bar,
  .coin-search{border-radius:14px;flex-direction:column}
  .search-pre,
  .cs-pre{border-right:none!important;border-bottom:1px solid var(--border2);padding:10px 16px}
  .alert-bar{gap:12px}
  .best-card,
  .u-card,
  .borsa-card,
  .alarm-item{align-items:flex-start!important}
  .u-card,
  .borsa-card,
  .alarm-item{flex-direction:column!important}
  .u-info,
  .binfo,
  .alarm-info{width:100%;min-width:0}
  .u-right,
  .bprice,
  .bright{width:100%!important;text-align:left!important;align-items:flex-start!important;margin-left:0!important}
  .u-btn,
  .btn-al,
  .btn-reg,
  .btn-test{width:100%;justify-content:center;text-align:center}
  .sum-cards,
  .stats-row,
  .rstat{grid-template-columns:1fr!important}
  .ptbl{min-width:760px}
  .state-box{padding:36px 20px}
}

@media(max-width:520px){
  h1{font-size:clamp(48px,15vw,64px);letter-spacing:-1px}
  h2{font-size:clamp(36px,12vw,48px);letter-spacing:-1px}
  h3{letter-spacing:0}
  .nav-logo-text{font-size:0}
  .nav-logo-text em{font-size:0}
  .hero-content{padding-left:18px!important;padding-right:18px!important}
  .hero-live-strip{margin-top:-14px}
  .hero-stats{gap:18px}
  .hs-val{font-size:28px}
  .live-status-panel,
  .opportunity-card,
  .guide-panel,
  .pform,
  .alarm-form,
  .card{border-radius:14px}
  .opp-main,.opp-side{padding:18px}
  .opp-exchange{font-size:16px}
  .footer-bottom{align-items:flex-start;flex-direction:column}
}

/* Apple tarzı sade arayüz katmanı */
:root{
  --ui-radius:10px;
  --page-max:1120px;
}
body,
button,
input,
select,
textarea{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Barlow,sans-serif;
}
h1,h2,h3,
.ob-title,
.stat-val,
.stat-big-val,
.hs-val,
.gm-v{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Barlow,sans-serif!important;
  font-style:normal!important;
  letter-spacing:-.03em!important;
}
h1{font-size:76px!important;line-height:.94!important}
h2{font-size:52px!important;line-height:1!important}
h3{font-size:28px!important;line-height:1.1!important}
.serif{font-family:inherit!important;font-style:normal!important}
.ka-trimmed{display:none!important}
.sec-inner,
.page-hero-inner,
.sw,
.sec-inner2,
.alarm-wrap,
.pw,
.dw,
.hw{max-width:var(--page-max)!important}
.section{padding:70px 28px}
.page-hero{
  padding:38px 28px 30px!important;
  background:var(--bg)!important;
  border-bottom:1px solid var(--border)!important;
}
.page-hero p{max-width:620px!important;font-size:18px!important;line-height:1.55!important}
.sec-tag,
.badge,
.source-pill,
.verify-pill,
.ftab,
.chip,
.pop-coin{
  border-radius:9999px!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
.card,
.feat-card,
.inc-card,
.stat-big,
.guide-card,
.guide-pick,
.pick,
.gm,
.bc,
.u-card,
.best-card,
.borsa-card,
.tip,
.live-status-panel,
.opportunity-card,
.pform,
.alarm-form,
.sc,
.pi-card,
.as-card,
.state-box{
  border-radius:var(--ui-radius)!important;
  box-shadow:none!important;
}
.card:hover,
.feat-card:hover,
.inc-card:hover,
.stat-big:hover,
.bc:hover,
.u-card:hover,
.borsa-card:hover{
  transform:none!important;
}
.btn-primary,
.btn-secondary,
.nav-cta,
.btn-go,
.btn-reg,
.btn-al,
.u-btn,
.btn-add,
.btn-alarm,
.mb-btn,
.ob-btn-p,
.ob-btn-s{
  border-radius:9999px!important;
  min-height:42px;
}
.hero{min-height:calc(100vh - 108px)!important}
.hero-content{padding:88px 64px 54px!important;max-width:680px!important}
.hero-eyebrow{letter-spacing:.08em!important;margin-bottom:18px}
.hero-sub{font-size:18px!important;line-height:1.55!important;margin-bottom:28px!important}
.hero-btns{margin-bottom:34px!important}
.hero-stats{padding-top:20px!important;gap:26px!important}
.hs-val{font-size:28px!important}
.mb-bar{background:var(--bg)!important;border-color:var(--border)!important;padding:12px 28px!important}
.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:12px!important;margin-top:32px!important}
.feat-card{padding:22px!important}
.feat-icon{width:42px!important;height:42px!important;border-radius:9px!important;font-size:20px!important}
.feat-desc,
.guide-desc,
.bc-desc,
.tip-d,
.how-desc{line-height:1.55!important}
.how-steps{margin-top:34px!important;gap:12px!important}
.how-steps::before{display:none!important}
.how-step{text-align:left!important;border:1px solid var(--border);border-radius:var(--ui-radius);background:var(--bg2);padding:18px!important}
.how-num{width:34px!important;height:34px!important;margin:0 0 12px!important;font-size:16px!important;font-family:inherit!important;font-style:normal!important}
.cta-wrap{align-items:flex-start!important}
.cta-wm{display:none!important}
.tips{display:none!important}
.guide-panel{grid-template-columns:1fr!important}
.guide-card{padding:20px!important}
.guide-picks{grid-template-columns:repeat(3,minmax(0,1fr))}
.search-guide,
.search-bar,
.coin-search{
  border-radius:var(--ui-radius)!important;
  background:var(--bg2)!important;
}
.tbl-wrap{border:1px solid var(--border);border-radius:var(--ui-radius);padding:18px;background:var(--bg2)}
.tbl-wrap h3{font-size:18px!important;letter-spacing:0!important}
.tbl th{font-size:10px!important}
.live-status-title,
.guide-title,
.best-borsa,
.bc-name,
.feat-title{letter-spacing:-.01em}
[data-theme="light"]{
  --bg:#f5f5f7;
  --bg2:#ffffff;
  --bg3:#f1f2f4;
  --text:#111318;
  --muted:#6e7480;
  --border:rgba(17,19,24,.08);
  --border2:rgba(17,19,24,.14);
  --nav-bg:rgba(245,245,247,.86);
  --shadow:none;
  --shadow-lg:none;
}
[data-theme="dark"]{
  --bg:#050506;
  --bg2:#101114;
  --bg3:#17191d;
  --text:#f5f5f7;
  --muted:#8d92a0;
  --border:rgba(245,245,247,.09);
  --border2:rgba(245,245,247,.16);
  --nav-bg:rgba(5,5,6,.82);
}

@media(max-width:760px){
  .ticker-wrap{display:none!important}
  nav{top:0}
  .nav-inner{height:60px!important}
  .mobile-menu{top:60px!important}
  h1{font-size:46px!important;line-height:.98!important}
  h2{font-size:34px!important;line-height:1.04!important}
  h3{font-size:22px!important}
  .section{padding:42px 18px!important}
  .page-hero{padding:26px 18px 20px!important}
  .page-hero p{font-size:16px!important}
  .hero{min-height:auto!important}
  .hero-grid,
  .particles,
  .glow-orb,
  .scroll-ind,
  .hero-stats,
  .mb-bar,
  .tips{display:none!important}
  .hero-content{padding:58px 18px 34px!important}
  .hero-live-strip{margin:0 0 20px!important}
  .hero-sub{font-size:16px!important;margin-bottom:24px!important}
  .hero-btns{gap:10px!important;margin-bottom:0!important}
  .hero-btns .btn-primary,
  .hero-btns .btn-secondary{min-height:48px}
  .features-grid{grid-template-columns:1fr!important;margin-top:24px!important}
  .feat-card{padding:18px!important}
  .guide-card,
  .bc,
  .u-card,
  .best-card,
  .borsa-card,
  .live-status-panel,
  .opportunity-card,
  .pform,
  .alarm-form{padding:16px!important}
  .guide-picks{grid-template-columns:1fr!important}
  .guide-metrics{gap:8px!important}
  .tbl-wrap{display:none!important}
  footer{padding:34px 18px 24px!important}
}

@media(max-width:420px){
  .nav-logo-text{display:none}
  .nav-logo-box{width:34px!important;height:34px!important}
  .theme-btn,.nav-ham{width:38px!important;height:38px!important}
  .btn-primary,
  .btn-secondary,
  .btn-go,
  .btn-reg,
  .btn-al,
  .u-btn{width:100%;justify-content:center;text-align:center}
}

/* Uygulama hissi: odaklı işlem yüzeyi */
.search-bar,
.coin-search,
.search-guide{
  min-height:56px;
  border-width:1px!important;
}
.search-bar input,
.coin-search input,
.search-guide input{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Barlow,sans-serif!important;
  font-size:17px!important;
  letter-spacing:0!important;
}
.search-pre,
.cs-pre,
.search-guide span{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Barlow,sans-serif!important;
  font-size:13px!important;
}
.btn-ara{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Barlow,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
}
.ftabs,
.chips,
.pop-coins{
  gap:7px!important;
  margin-bottom:20px!important;
}
.ftab,
.chip,
.pop-coin{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 15px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Barlow,sans-serif!important;
  font-size:13px!important;
}
.stats-row,
.guide-metrics,
.sum-cards,
.alarm-stats,
.portfolio-insights{
  gap:10px!important;
  background:transparent!important;
}
.stat-cell,
.gm,
.sc,
.as-card,
.pi-card{
  border:1px solid var(--border)!important;
  background:var(--bg2)!important;
}
.stat-val,
.sv,
.as-value,
.pi-main{
  font-size:26px!important;
  line-height:1.05!important;
}
.arb-banner,
.portfolio-status,
.alarm-mode,
.trade-note{
  background:var(--bg2)!important;
  border-color:var(--border)!important;
}
.arb-lbl,
.live-status-sub,
.price-source-note,
.u-meta,
.bmeta,
.bc-sub{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Barlow,sans-serif!important;
}
.arb-val,
.best-price,
.u-price,
.bprice,
.opp-value{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Barlow,sans-serif!important;
  font-style:normal!important;
  letter-spacing:-.025em!important;
  font-weight:700!important;
}
.best-badge,
.badge.bg,
.badge.bb,
.badge.ba,
.badge.br{
  font-size:11px!important;
  font-weight:700!important;
}
.live-status-panel{
  min-height:64px;
}
.u-card,
.borsa-card,
.bc{
  gap:14px!important;
}
.btn-al,
.u-btn,
.btn-reg{
  min-width:96px;
}

@media(max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .page-hero .badge{margin-bottom:8px}
  .page-hero h2{margin-bottom:8px!important}
  .page-hero p{max-width:100%!important}
  .search-bar,
  .coin-search,
  .search-guide{
    min-height:0;
    overflow:visible!important;
    gap:8px;
    border:none!important;
    background:transparent!important;
  }
  .search-bar input,
  .coin-search input,
  .search-guide input,
  .amount-input{
    border:1px solid var(--border2)!important;
    border-radius:12px!important;
    background:var(--bg2)!important;
    min-height:48px;
    padding:12px 14px!important;
  }
  .search-pre,
  .cs-pre,
  .search-guide span{
    display:none!important;
  }
  .btn-ara{
    border-radius:9999px!important;
    min-height:48px;
  }
  .ftabs,
  .chips,
  .pop-coins{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .ftabs::-webkit-scrollbar,
  .chips::-webkit-scrollbar,
  .pop-coins::-webkit-scrollbar{display:none}
  .ftab,
  .chip,
  .pop-coin{
    flex:0 0 auto;
  }
  .stats-row,
  .guide-metrics,
  .alarm-stats,
  .portfolio-insights{
    grid-template-columns:1fr 1fr!important;
  }
  .portfolio-insights .pi-card:last-child,
  .alarm-stats .as-card:last-child,
  .stats-row .stat-cell:last-child{
    grid-column:1/-1;
  }
  .live-status-panel{
    display:flex!important;
    padding:12px 14px!important;
  }
  .live-status-sub{
    display:none!important;
  }
  .live-status-badges{
    width:100%;
    justify-content:flex-start!important;
  }
  .source-pill{
    padding:6px 10px!important;
    font-size:11px!important;
  }
  .arb-banner{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .arb-val{font-size:22px!important}
  .opp-title,
  .opp-note,
  .trade-note,
  .price-source-note{
    font-size:12px!important;
  }
  .best-card > div:last-child,
  .u-right,
  .bright{
    width:100%!important;
  }
  .best-price,
  .u-price,
  .bprice{
    font-size:24px!important;
  }
}

@media(max-width:480px){
  .stats-row,
  .guide-metrics,
  .sum-cards,
  .alarm-stats,
  .portfolio-insights{
    grid-template-columns:1fr!important;
  }
  .portfolio-insights .pi-card:last-child,
  .alarm-stats .as-card:last-child,
  .stats-row .stat-cell:last-child{
    grid-column:auto;
  }
  .stat-val,
  .sv,
  .as-value,
  .pi-main{
    font-size:24px!important;
  }
}

/* Mobil alt sekme navigasyonu */
.app-tabbar{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .app-tabbar{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:260;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:4px;
    padding:7px;
    border:1px solid var(--border2);
    border-radius:18px;
    background:rgba(16,17,20,.78);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    box-shadow:0 18px 40px rgba(0,0,0,.28);
  }
  [data-theme="light"] .app-tabbar{
    background:rgba(255,255,255,.78);
    box-shadow:0 18px 40px rgba(15,23,42,.12);
  }
  .app-tab{
    min-width:0;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:var(--muted);
    font-size:11px;
    font-weight:700;
    letter-spacing:-.01em;
    text-align:center;
    transition:background .15s,color .15s;
  }
  .app-tab.active{
    background:var(--green);
    color:#071c14;
  }
  .app-tab span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  footer{padding-bottom:96px!important}
}

@media(max-width:390px){
  .app-tabbar{left:7px;right:7px;bottom:7px;padding:6px}
  .app-tab{font-size:10px;min-height:40px}
}

/* PWA kurulum ve bağlantı durumları */
.install-card,
.app-toast{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  z-index:280;
  display:none;
}
.install-card{
  bottom:84px;
  width:min(420px,calc(100% - 24px));
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid var(--border2);
  border-radius:18px;
  background:rgba(16,17,20,.86);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
[data-theme="light"] .install-card{
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 45px rgba(15,23,42,.14);
}
.install-card > div{flex:1;min-width:0}
.install-card strong{
  display:block;
  color:var(--text);
  font-size:14px;
  line-height:1.15;
}
.install-card span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:2px;
}
.install-action{
  border:none;
  border-radius:9999px;
  background:var(--green);
  color:#071c14;
  min-height:36px;
  padding:0 14px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.install-close{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid var(--border);
  background:var(--bg3);
  color:var(--muted);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.app-toast{
  bottom:86px;
  width:max-content;
  max-width:calc(100% - 28px);
  border:1px solid var(--border2);
  border-radius:9999px;
  background:rgba(16,17,20,.9);
  color:var(--text);
  padding:10px 14px;
  font-size:13px;
  font-weight:700;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
[data-theme="light"] .app-toast{background:rgba(255,255,255,.92)}
.app-toast.show{display:block;animation:fadeUp .18s ease both}

@media(max-width:760px){
  .install-card{display:flex}
}

@media(min-width:761px){
  .install-card{bottom:24px}
  .app-toast{bottom:24px}
}

/* Favori ve son aranan coin kısayolları */
.smart-coin-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:-8px 0 22px;
}
.favorite-coin-btn{
  flex-shrink:0;
  min-height:38px;
  border:1px solid var(--border2);
  border-radius:9999px;
  background:var(--bg2);
  color:var(--text);
  padding:0 15px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.smart-coin-list{
  min-width:0;
  flex:1;
}
.coin-rail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 0 4px;
  scrollbar-width:none;
}
.coin-rail::-webkit-scrollbar{display:none}
.coin-rail-item{
  flex:0 0 auto;
  min-height:42px;
  border:1px solid var(--border);
  border-radius:9999px;
  background:var(--bg2);
  color:var(--text);
  padding:7px 13px;
  display:flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
}
.coin-rail-item.active{
  border-color:var(--gborder);
  background:var(--gbg);
}
.coin-rail-item strong{
  font-size:13px;
  letter-spacing:-.01em;
}
.coin-rail-item span{
  font-size:11px;
  font-weight:800;
}
.coin-rail-item span.up{color:var(--green)}
.coin-rail-item span.dn{color:var(--red)}
.coin-rail-item em{
  font-style:normal;
  font-size:10px;
  color:var(--muted);
}

@media(max-width:760px){
  .smart-coin-row{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
    margin:-4px 0 18px;
  }
  .favorite-coin-btn{
    width:100%;
    min-height:42px;
  }
  .coin-rail-item{
    min-height:40px;
  }
}