/* Drive & Grow v2 — том үсэг, том товч, хөдөлгөөнт нүүр. Логик хөндөхгүй. */
:root{ --dg2-bg:#0B0B0B; --dg2-amber:#F5B700; --dg2-amber2:#FFCC33; --dg2-ink:#111; }
html{ -webkit-text-size-adjust:100%; }
body{ font-family:"Segoe UI",Roboto,Arial,sans-serif; font-size:18px; color:#222; }
h1,h2,h3{ font-family:"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:-.3px; }
header{ background:#0B0B0B !important; border-bottom:3px solid var(--dg2-amber) !important; }
.btn{ min-height:52px; font-size:17px !important; border-radius:14px !important; display:inline-flex; align-items:center; justify-content:center; }
button, .btn, input, select{ touch-action:manipulation; }

/* ---------- HERO ---------- */
.dg2-hero{ position:relative; overflow:hidden; background:radial-gradient(120% 90% at 85% 10%, #2a2100 0%, #0B0B0B 55%) !important; color:#fff; padding:40px 20px 120px !important; min-height:auto !important; }
.dg2-glow{ position:absolute; inset:-30% -20% auto auto; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle, rgba(245,183,0,.35), rgba(245,183,0,0) 65%); filter:blur(10px); animation:dg2float 9s ease-in-out infinite alternate; pointer-events:none; }
@keyframes dg2float{ from{ transform:translate(0,0) scale(1);} to{ transform:translate(-90px,70px) scale(1.15);} }
.dg2-hero .hero-grid{ position:relative; z-index:2; }
.dg2-logo{ width:84px; height:84px; border-radius:50%; margin-bottom:14px; box-shadow:0 0 0 4px rgba(245,183,0,.25); animation:dg2pop .7s cubic-bezier(.2,1.4,.4,1) both; }
@keyframes dg2pop{ from{ transform:scale(.5); opacity:0;} to{ transform:none; opacity:1;} }
.dg2-kicker{ display:inline-block; font-size:14px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--dg2-amber); background:rgba(245,183,0,.12); border:1px solid rgba(245,183,0,.35); padding:6px 12px; border-radius:999px; margin-bottom:14px; }
.dg2-hero h1{ color:#fff !important; font-size:40px !important; line-height:1.12 !important; font-weight:800; margin:0 0 14px; }
.dg2-hero h1 em{ font-style:normal; background:linear-gradient(90deg,var(--dg2-amber),#fff3c4,var(--dg2-amber)); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:dg2shine 4s linear infinite; }
@keyframes dg2shine{ to{ background-position:-200% 0; } }
.dg2-sub{ font-size:20px; color:#E8E8E8; margin:0 0 24px; line-height:1.5; }
.dg2-cta{ display:flex; flex-direction:column; gap:12px; max-width:420px; }
.dg2-btn{ min-height:60px; border:none; border-radius:16px; background:var(--dg2-amber); color:#111; font-size:21px; font-weight:800; cursor:pointer;
  box-shadow:0 10px 30px rgba(245,183,0,.35); animation:dg2pulse 2.6s ease-in-out infinite; }
.dg2-btn:active{ transform:scale(.98); }
@keyframes dg2pulse{ 0%,100%{ box-shadow:0 10px 30px rgba(245,183,0,.30);} 50%{ box-shadow:0 10px 44px rgba(245,183,0,.6);} }
.dg2-link{ min-height:52px; background:transparent; border:2px solid rgba(255,255,255,.35); color:#fff; border-radius:16px; font-size:18px; cursor:pointer; }
.dg2-link b{ color:var(--dg2-amber); }
.dg2-counters{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:28px 0 8px; max-width:460px; }
.dg2-counters div{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:12px 8px; text-align:center; }
.dg2-counters b{ display:block; font-size:24px; color:var(--dg2-amber); font-weight:800; }
.dg2-counters span{ font-size:14px; color:#ddd; }
.dg2-slogan{ margin-top:14px; font-size:15px; color:#bbb; letter-spacing:.5px; }
.dg2-hero .hero-media{ margin-top:26px; }
.dg2-road{ position:absolute; left:0; right:0; bottom:0; height:78px; background:#1a1a1a; border-top:3px solid #2c2c2c; z-index:1; overflow:hidden; }
.dg2-lane{ position:absolute; left:0; right:-120px; top:36px; height:6px; background:repeating-linear-gradient(90deg,var(--dg2-amber) 0 40px,transparent 40px 80px); animation:dg2lane 1.1s linear infinite; }
@keyframes dg2lane{ to{ transform:translateX(-80px);} }
.dg2-car{ position:absolute; bottom:22px; left:-110px; animation:dg2drive 7s cubic-bezier(.45,.05,.55,.95) infinite; }
@keyframes dg2drive{ 0%{ left:-110px;} 60%,100%{ left:calc(100% + 20px);} }
@media (min-width:900px){
  .dg2-hero{ padding:70px 40px 140px !important; }
  .dg2-hero h1{ font-size:58px !important; }
  .dg2-cta{ flex-direction:row; } .dg2-cta>*{ flex:1; }
  .dg2-hero .hero-media{ margin-top:0; }
}

/* ---------- Scroll reveal ---------- */
.dg2-rv{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.dg2-rv.dg2-in{ opacity:1; transform:none; }

/* ---------- Нэвтрэх / Бүртгүүлэх ---------- */
#dgAuthOv{ background:rgba(0,0,0,.75) !important; backdrop-filter:blur(4px); }
.dga-card{ font-size:18px; border-radius:20px !important; animation:dg2up .35s ease both; }
@keyframes dg2up{ from{ opacity:0; transform:translateY(20px);} to{ opacity:1; transform:none;} }
.dga-h{ font-size:26px !important; color:#111 !important; }
.dga-sub, .dga-hint, .dga-alt{ font-size:17px !important; color:#333 !important; }
.dga-f input{ font-size:19px !important; min-height:60px !important; border-radius:14px !important; border:2px solid #CFCFCF !important; color:#111 !important; }
.dga-f input:focus{ border-color:var(--dg2-amber) !important; box-shadow:0 0 0 4px rgba(245,183,0,.25) !important; }
.dga-f label{ font-size:17px !important; }
.dga-btn{ min-height:60px !important; font-size:20px !important; border-radius:16px !important; background:var(--dg2-amber) !important; color:#111 !important; font-weight:800 !important; }
.dga-alt button, .dga-who button, .dga-back{ font-size:17px !important; min-height:44px; padding:0 8px; color:#8a6400 !important; font-weight:800 !important; text-decoration:underline; }
.dga-eye{ min-width:48px; min-height:48px; font-size:20px !important; }
.dga-msg{ font-size:17px !important; line-height:1.5; }
.dga-msg.show.err{ background:#FDECEC !important; color:#9B1C1C !important; border-left:5px solid #D62828; }
.dga-msg.show.ok{ background:#E8F6EE !important; color:#1E5A3A !important; border-left:5px solid #2D6A4F; }
.member-tabs .member-tab{ font-size:18px !important; min-height:52px; display:flex; align-items:center; justify-content:center; }
.dg2-steps{ display:flex; gap:6px; margin:6px 0 18px; }
.dg2-steps div{ flex:1; text-align:center; font-size:15px; font-weight:700; color:#888; }
.dg2-steps div i{ display:block; height:6px; border-radius:6px; background:#E3E3E3; margin-bottom:6px; transition:background .3s; }
.dg2-steps div.on{ color:#111; } .dg2-steps div.on i{ background:var(--dg2-amber); }
.dg2-done{ text-align:center; padding:10px 0; }
.dg2-done .ck{ width:84px; height:84px; margin:0 auto 12px; border-radius:50%; background:#2D6A4F; color:#fff; font-size:46px; line-height:84px; animation:dg2pop .5s both; }
#regAgree{ width:26px !important; height:26px !important; }

/* ---------- Гишүүний дэлгэц ---------- */
body.dg-member-mode{ background:#F3F3F3; }
body.dg-member-mode #member{ background:#F3F3F3 !important; padding-top:16px !important; }
body.dg-member-mode .member-panel{ box-shadow:none !important; background:transparent !important; border:none !important; }
body.dg-member-mode .dg-quick, body.dg-member-mode .dg2-hero{ display:none !important; }
.dg2-hello{ font-size:24px; font-weight:800; color:#111; margin:4px 0 14px; animation:dg2up .4s both; }
.dg2-hello small{ display:block; font-size:16px; font-weight:400; color:#555; margin-top:2px; }
#dgProg{ background:linear-gradient(135deg,#111 0%,#2b2b2b 100%) !important; animation:dg2up .45s both; }
#dgProg .dgp-btn{ min-height:58px; font-size:19px !important; }
#dgProg .dgp-mini{ min-height:50px; font-size:16px !important; }
#dgProg .dgp-next{ font-size:16px !important; }
.dgh-card{ min-height:76px; animation:dg2up .4s both; }
.dgh-t{ font-size:18px !important; color:#111 !important; } .dgh-d{ font-size:15px !important; }
.dgh-head p{ display:none; }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation:none !important; transition:none !important; }
  .dg2-rv{ opacity:1; transform:none; }
  .dg2-car{ left:auto; right:20px; }
}
.dga-h, .dga-card h2, .dga-card h3{ font-family:"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:800 !important; }
.dg2-road{ left:50% !important; right:auto !important; width:100vw; margin-left:-50vw; }
@media (min-width:900px){ .dg2-hero{ padding-bottom:170px !important; } }
body.dg-member-mode #dgTrust{ display:none !important; }
.dgh-head h3{ font-family:"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:800; font-size:20px !important; color:#111 !important; text-align:left !important; }
body.dg-member-mode #unpaidBanner{ font-size:16px; }