/* GOLDRIFT v15 — stability-first */

:root{
  --bg:#060a0c; --panel:#0a1114; --ink:#e8faef; --muted:#9db2a2;
  --accent:#22c55e; --accent2:#16a34a; --gold:#f4c430; --border:#0e1b1d;
  --radius:16px; --shadow:0 18px 50px rgba(0,0,0,.55);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',Inter,Roboto,Arial,sans-serif;
  color:var(--ink);
  background: radial-gradient(900px 500px at 0% -10%, rgba(34,197,94,.12) 0%, transparent 40%), linear-gradient(180deg, var(--bg) 0%, #081015 100%);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.container{max-width:1120px;margin:0 auto;padding:18px 16px}
header.nav{position:sticky;top:0;z-index:40;background:rgba(14,20,28,.75);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.4px}
.brand .logo{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 2px 10px rgba(34,211,238,.35)}
.brand .name{font-size:18px}
nav a{color:var(--ink);text-decoration:none;margin-left:12px;font-size:14px;opacity:.9}
nav a.active{color:#fff;text-shadow:0 0 18px rgba(122,196,255,.4)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:#0c121a;color:var(--ink);
     padding:12px 14px;border-radius:12px;cursor:pointer;transition:transform .06s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{border-color:rgba(34,211,238,.35);background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 10px 26px rgba(34,197,94,.35);color:#03120a}
.btn.ghost{background:#0b1017}
.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;color:#cfe7ff;background:rgba(34,211,238,.1)}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,#111827,#0e141c);box-shadow:var(--shadow)}
.grid{display:grid;gap:12px}
.cols-2{grid-template-columns:1fr}
@media(min-width:900px){.cols-2{grid-template-columns:1.1fr .9fr}}
.h1{font-size:28px;font-weight:800;margin:0 0 8px}
.h2{font-size:20px;font-weight:700;margin:0 0 8px}
.p{margin:0 0 12px;color:var(--muted);line-height:1.7}
.kv{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:14px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0d121a;color:var(--ink);font-size:16px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(34,211,238,.25)}
.footer{border-top:1px solid var(--border);padding:22px 16px;color:var(--muted);text-align:center}
.hero{display:grid;gap:12px;align-items:center}
.hero-cta{display:flex;gap:8px;flex-wrap:wrap}
/* Sticky mobile bar on buy */
.sticky-bar{position:sticky;bottom:0;background:rgba(10,14,20,.9);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:10px;display:flex;gap:8px;align-items:center;z-index:35}
.sticky-bar .sum{flex:1;color:#cfe7ff}
/* Toast */
.toast{position:fixed;right:12px;bottom:12px;background:#0b1320;border:1px solid var(--border);padding:10px 14px;border-radius:12px;display:none}
.toast.show{display:block}


/* v18 sections */
.section{margin:18px 0}
.steps{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:linear-gradient(180deg,#111a16,#0b1110)}
.step .icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg, var(--accent), var(--accent2));display:flex;align-items:center;justify-content:center;color:#03120a;font-weight:800;margin-bottom:8px}

.features{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.features{grid-template-columns:repeat(4,1fr)}}
.feature{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:linear-gradient(180deg,#101815,#0a1110)}

.accordion .item{border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:#0b1110}
.accordion .head{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;cursor:pointer}
.accordion .body{display:none;padding:0 14px 12px 14px;color:var(--muted)}
.accordion .item.open .body{display:block}

.testimonials{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:720px){.testimonials{grid-template-columns:repeat(3,1fr)}}
.t-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:linear-gradient(180deg,#0f1613,#0a1110)}
.t-user{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.t-ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2))}

/* Floating Telegram button */
.fab{position:fixed;right:14px;bottom:14px;z-index:60}
.fab a{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#03120a;text-decoration:none;
  box-shadow:0 10px 26px rgba(34,197,94,.35);border:1px solid #134e31}

/* Preloader */
#preloader{position:fixed;inset:0;background:#060a0c;display:flex;align-items:center;justify-content:center;z-index:100}
#preloader .mark{filter:drop-shadow(0 0 14px rgba(34,197,94,.35))}
.hidden{display:none}

/* Trust icons row */
.trust{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.trust .chip{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:#0b1110;color:#a9b8ad;font-size:13px}