/* Gold n Crypto Traders — styles */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0e17;--bg2:#0f1626;--card:#131c31;--gold:#f5b942;--teal:#2dd4bf;--txt:#e8edf5;--muted:#8b94a7;--red:#ef4444;--green:#22c55e}
body{background:var(--bg);color:var(--txt);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.gold{color:var(--gold)}
.muted{color:var(--muted)}
.small{font-size:.8rem}
.hidden{display:none}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,14,23,.9);backdrop-filter:blur(10px);border-bottom:1px solid #1e293b}
.nav-inner{max-width:1100px;margin:auto;display:flex;align-items:center;gap:1.5rem;padding:.9rem 1rem}
.logo{font-weight:800;font-size:1.15rem}
.logo span{color:var(--gold)}
.nav-links{display:flex;gap:1.2rem;margin-left:auto}
.nav-links a{color:var(--muted);font-size:.95rem}
.nav-links a:hover{color:var(--gold)}
.nav-cta{display:flex;gap:.6rem}
.nav-toggle{display:none;background:none;border:none;color:var(--txt);font-size:1.4rem;margin-left:auto}

/* BUTTONS */
.btn{display:inline-block;padding:.6rem 1.3rem;border-radius:10px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn-gold{background:linear-gradient(135deg,#f5b942,#e09b1f);color:#1a1206}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,185,66,.35)}
.btn-outline{border-color:var(--gold);color:var(--gold)}
.btn-outline:hover{background:rgba(245,185,66,.1)}
.btn-ghost{color:var(--muted)}
.btn-lg{padding:.85rem 2rem;font-size:1.05rem}

/* HERO */
.hero{background:radial-gradient(ellipse at 50% 0%,#1a2340 0%,var(--bg) 70%);padding:5rem 1rem 3rem;text-align:center}
.badge{display:inline-block;background:rgba(245,185,66,.12);border:1px solid rgba(245,185,66,.4);color:var(--gold);padding:.35rem 1rem;border-radius:50px;font-size:.85rem;margin-bottom:1.2rem}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.15;margin-bottom:1rem}
.hero-sub{max-width:620px;margin:0 auto 2rem;color:var(--muted);font-size:1.1rem}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}
.hero-stats{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}
.hero-stats div{display:flex;flex-direction:column}
.hero-stats b{font-size:1.6rem;color:var(--gold)}
.hero-stats span{color:var(--muted);font-size:.85rem}

/* TICKER */
.ticker{background:#0d1322;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;overflow:hidden;white-space:nowrap;padding:.6rem 0}
.ticker-track{display:inline-block;animation:tick 30s linear infinite}
.ticker-track span{margin:0 1.5rem;font-size:.9rem}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.up{color:var(--green)}.down{color:var(--red)}

/* SECTIONS */
.section{max-width:1100px;margin:auto;padding:4rem 1rem}
.section-dark{background:var(--bg2);max-width:none}
.section-dark>.sec-title,.section-dark>.sec-sub{max-width:1100px;margin-left:auto;margin-right:auto}
.sec-title{font-size:clamp(1.6rem,4vw,2.4rem);text-align:center;margin-bottom:.6rem}
.sec-sub{text-align:center;color:var(--muted);margin-bottom:2.5rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;max-width:1100px;margin:auto}
.card{background:var(--card);border:1px solid #1e293b;border-radius:16px;padding:1.6rem;transition:.2s}
.card:hover{border-color:rgba(245,185,66,.4);transform:translateY(-3px)}
.card h3{margin-bottom:.5rem}
.card .icon{font-size:2rem;margin-bottom:.8rem}
.card p{color:var(--muted);font-size:.95rem}
.card b{font-size:.95rem}

/* MACRO */
.macro-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;max-width:900px;margin:auto}
.dial-card{text-align:center}
.dial{position:relative;max-width:260px;margin:1rem auto}
.dial-svg{width:100%}
.dial-value{font-size:2rem;font-weight:800;color:var(--gold);margin-top:-2.6rem}
.dial-label{color:var(--muted)}
.tag{background:rgba(45,212,191,.15);color:var(--teal);font-size:.75rem;padding:.2rem .7rem;border-radius:50px;vertical-align:middle}
.factors{display:flex;flex-direction:column;gap:.55rem;margin:1rem 0}
.factor{display:flex;justify-content:space-between;background:#0d1424;padding:.55rem .9rem;border-radius:10px;font-size:.9rem}
.bull{color:var(--green)}.bear{color:var(--red)}.neut{color:var(--gold)}
.beginner-box{background:#0d1424;border:1px dashed rgba(245,185,66,.4);border-radius:12px;padding:1rem;margin-top:1rem;text-align:left}
.beginner-box p{margin-top:.6rem;font-size:.9rem}
.switch{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle;margin-right:.5rem}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:#334155;border-radius:24px;cursor:pointer;transition:.2s}
.slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked+.slider{background:var(--gold)}
.switch input:checked+.slider:before{transform:translateX(20px)}

/* PRICING */
.pricing .price{text-align:center}
.amount{font-size:2.4rem;font-weight:800;color:var(--gold);margin:.5rem 0}
.amount span{font-size:1rem;color:var(--muted);font-weight:400}
.price ul{list-style:none;margin:1.2rem 0;text-align:left}
.price li{padding:.4rem 0;color:var(--muted);font-size:.92rem}
.price li:before{content:"✓ ";color:var(--teal);font-weight:700}
.price .btn{width:100%;margin-top:.5rem}

/* FAQ */
.faq{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:.8rem}
.faq details{background:var(--card);border:1px solid #1e293b;border-radius:12px;padding:1rem 1.3rem}
.faq summary{cursor:pointer;font-weight:700}
.faq p{color:var(--muted);margin-top:.6rem;font-size:.95rem}

/* CTA */
.cta{text-align:center;padding:5rem 1rem;background:radial-gradient(ellipse at 50% 100%,#2a1f08 0%,var(--bg) 70%)}
.cta h2{font-size:clamp(1.8rem,5vw,3rem);margin-bottom:.8rem}
.cta p{color:var(--muted);margin-bottom:1.8rem}

/* FOOTER */
footer{background:#070b13;border-top:1px solid #1e293b;padding:2.5rem 1rem 1.5rem}
.foot-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.socials{display:flex;gap:1.2rem}
.socials a{color:var(--muted)}.socials a:hover{color:var(--gold)}
.disclaimer{max-width:1100px;margin:0 auto 1rem;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;font-size:.85rem;color:var(--muted)}
footer .small{text-align:center}

/* AUTH */
.auth-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}
.auth-card{background:var(--card);border:1px solid #1e293b;border-radius:18px;padding:2.2rem;width:100%;max-width:400px}
.auth-card h2{margin-bottom:.4rem}
.auth-card input{width:100%;padding:.8rem;margin:.5rem 0;border-radius:10px;background:#0d1424;color:var(--txt);border:1px solid #2a3554}
.auth-card input:focus{outline:none;border-color:var(--gold)}
.auth-card .btn{width:100%;margin-top:1rem}

/* DASHBOARD */
.dash{max-width:1100px;margin:auto;padding:2rem 1rem 4rem}
.dash-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.brief{background:var(--card);border:1px solid #1e293b;border-radius:16px;padding:1.8rem;margin-bottom:1.5rem}
.brief h3{color:var(--gold);margin:1.2rem 0 .5rem}
.brief h3:first-child{margin-top:0}
.brief ul{margin-left:1.2rem;color:var(--muted)}
.brief li{margin:.35rem 0}
.telegram-cta{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:16px;padding:2rem;text-align:center;margin-bottom:1.5rem}
.telegram-cta h3{margin-bottom:.5rem}
.telegram-cta p{opacity:.85;margin-bottom:1.2rem}
.btn-white{background:#fff;color:#0b1220}

@media(max-width:700px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg2);flex-direction:column;padding:1rem;border-bottom:1px solid #1e293b}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .nav-cta .btn-ghost{display:none}
}