/* Drive & Grow v3 — анхны цайвар өнгө (хар хөх #0F2B4C + шар #F5B700), 3D хөдөлгөөн, зураг. */
:root{ --dg3-navy:#0F2B4C; --dg3-navy2:#1E4976; --dg3-gold:#F5B700; }
header{ background:var(--dg3-navy) !important; border-bottom:3px solid var(--dg3-gold) !important; }
.dg2-hero{ background:linear-gradient(180deg,#FFFFFF 0%,#F3F7FC 60%,#FFF6D6 100%) !important; color:var(--dg3-navy); perspective:1000px; }
.dg3-bg{ position:absolute; inset:0; background:url(/assets/dg3-road.webp) center 70%/cover no-repeat; opacity:.22; z-index:0; will-change:transform; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%); mask-image:linear-gradient(180deg,transparent 0%,#000 55%); }
.dg2-glow{ background:radial-gradient(circle, rgba(245,183,0,.35), rgba(245,183,0,0) 65%) !important; }
.dg2-hero h1{ color:var(--dg3-navy) !important; }
.dg2-hero h1 em{ background:linear-gradient(90deg,#E0A500,#F5B700,#1E4976,#E0A500) !important; background-size:200% 100% !important; -webkit-background-clip:text !important; background-clip:text !important; }
.dg2-sub{ color:#26374C !important; }
.dg2-kicker{ color:var(--dg3-navy) !important; background:#FFF3C4 !important; border-color:var(--dg3-gold) !important; }
.dg2-logo{ background:#000; box-shadow:0 10px 30px rgba(15,43,76,.25), 0 0 0 4px #FFF3C4 !important; }
.dg2-btn{ background:var(--dg3-gold) !important; color:var(--dg3-navy) !important; }
.dg2-link{ border-color:var(--dg3-navy) !important; color:var(--dg3-navy) !important; background:#fff !important; }
.dg2-link b{ color:var(--dg3-navy2) !important; text-decoration:underline; }
.dg2-counters div{ background:rgba(255,255,255,.85) !important; border:1px solid #E3E7ED !important; box-shadow:0 6px 18px rgba(15,43,76,.08); }
.dg2-counters b{ color:var(--dg3-navy) !important; } .dg2-counters span{ color:#4A4A4A !important; }
.dg2-slogan{ color:var(--dg3-navy2) !important; font-weight:700; }
.dg2-road{ background:#3A4656 !important; border-top-color:#59677A !important; }
.dg2-lane{ background:repeating-linear-gradient(90deg,#fff 0 40px,transparent 40px 80px) !important; }
.dg2-hero .video-card{ transform-style:preserve-3d; transition:transform .25s ease; box-shadow:0 30px 60px rgba(15,43,76,.25); }
/* 3D тэмдгүүд */
.dg3-scene{ position:absolute; inset:0; z-index:1; pointer-events:none; perspective:700px; }
.dg3-sign{ position:absolute; width:74px; height:74px; transform-style:preserve-3d; animation:dg3spin 9s ease-in-out infinite; filter:drop-shadow(0 14px 14px rgba(15,43,76,.25)); }
.dg3-sign .f{ width:100%; height:100%; } .dg3-sign svg{ width:100%; height:100%; display:block; }
.dg3-sign.s1{ right:6%; top:16px; } .dg3-sign.s2{ right:24%; top:52%; width:58px; height:58px; animation-delay:-3s; animation-duration:11s; }
.dg3-sign.s3{ left:4%; bottom:110px; width:50px; height:50px; animation-delay:-6s; opacity:.9; }
@keyframes dg3spin{ 0%{ transform:translateY(0) rotateY(-25deg) rotateX(8deg);} 50%{ transform:translateY(-18px) rotateY(25deg) rotateX(-6deg);} 100%{ transform:translateY(0) rotateY(-25deg) rotateX(8deg);} }
@media (max-width:899px){ .dg3-sign.s2{ display:none; } .dg3-sign.s1{ width:56px; height:56px; top:12px; right:14px; } .dg3-sign.s3{ display:none; } }
/* Зурагтай хэсэг */
.dg3-why{ padding:56px 20px; background:#fff; text-align:center; }
.dg3-why h2{ font-size:32px; color:var(--dg3-navy); margin:0 0 8px; font-weight:800; }
.dg3-lead{ font-size:19px; color:#4A4A4A; margin:0 auto 28px; max-width:560px; }
.dg3-cards{ display:grid; gap:20px; max-width:1100px; margin:0 auto; perspective:1000px; }
@media (min-width:800px){ .dg3-cards{ grid-template-columns:repeat(3,1fr); } }
.dg3-card{ position:relative; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 18px 40px rgba(15,43,76,.14); transform-style:preserve-3d; transition:transform .2s ease, box-shadow .2s; text-align:left; }
.dg3-card img{ width:100%; height:210px; object-fit:cover; display:block; }
.dg3-card .t{ padding:16px 18px 20px; border-top:4px solid var(--dg3-gold); }
.dg3-card b{ display:block; font-size:20px; color:var(--dg3-navy); margin-bottom:4px; } .dg3-card span{ font-size:17px; color:#4A4A4A; }
/* Гишүүний хэсэг — цайвар */
body.dg-member-mode, body.dg-member-mode #member{ background:#F3F7FC !important; }
#dgProg{ background:linear-gradient(135deg,#0F2B4C 0%,#1E4976 100%) !important; }
.dga-alt button, .dga-who button, .dga-back{ color:var(--dg3-navy2) !important; }
.dga-f input:focus{ border-color:var(--dg3-navy2) !important; box-shadow:0 0 0 4px rgba(30,73,118,.18) !important; }
.dg2-steps div.on{ color:var(--dg3-navy); }
@media (prefers-reduced-motion: reduce){ .dg3-sign{ animation:none !important; } .dg3-bg{ transform:none !important; } }
.js-dg3 .dg3-rv{ opacity:0; transform:translateY(40px) rotateX(12deg); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.js-dg3 .dg3-rv.dg3-in{ opacity:1; transform:none; }
body.dg-member-mode #dg3Why{ display:none !important; }

/* ===== v3.1 ===== */
/* Толгой: нэр + цэсний товч үргэлж харагдана */
header{ position:sticky; top:0; z-index:1000 !important; background:#0F2B4C !important; }
header .logo{ color:#fff !important; display:flex !important; align-items:center; white-space:nowrap; font-size:20px !important; opacity:1 !important; visibility:visible !important; }
header .logo span{ color:#F5B700 !important; margin:0 5px; }
.menu-toggle{ align-items:center; gap:8px; min-width:52px; min-height:52px; padding:0 14px; border:2px solid rgba(255,255,255,.55) !important; border-radius:14px; background:rgba(255,255,255,.08) !important; color:#fff !important; font-size:17px !important; font-weight:800; }
.dg3-bars{ display:inline-flex; flex-direction:column; gap:5px; } .dg3-bars i{ display:block; width:24px; height:3px; border-radius:3px; background:#F5B700; transition:transform .25s, opacity .25s; }
.menu-toggle.on .dg3-bars i:nth-child(1){ transform:translateY(8px) rotate(45deg);} .menu-toggle.on .dg3-bars i:nth-child(2){ opacity:0;} .menu-toggle.on .dg3-bars i:nth-child(3){ transform:translateY(-8px) rotate(-45deg);}
@media (max-width:860px){ .menu-toggle{ display:inline-flex !important; } nav ul{ background:#0F2B4C !important; } nav ul a{ font-size:19px !important; color:#fff !important; padding:16px 4px !important; } }
@media (max-width:360px){ header .logo{ font-size:17px !important; } .dg3-mlbl{ display:none; } .menu-toggle{ padding:0 12px; } }
/* Давхардсан товчнуудыг хассан */
#dgTrust, #dgSteps .go{ display:none !important; }
@media (min-width:900px){ .dg2-hero{ padding-bottom:220px !important; } }
/* Хичээлийн танилцуулга — цайвар 3D карт */
#dgPick{ background:linear-gradient(180deg,#F3F7FC,#fff) !important; perspective:1000px; }
#dgPick .dgpk-head h2{ color:#0F2B4C !important; font-family:"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:800; font-size:28px !important; }
#dgPick .dgpk-head p{ color:#4A4A4A !important; font-size:17px !important; } #dgPick .dgpk-head .lbl{ color:#B08A1E !important; }
#dgPick .dgdoor{ background:#fff !important; color:#26374C !important; border:1px solid #E3E7ED !important; border-top:5px solid #F5B700 !important; border-radius:22px !important; box-shadow:0 18px 40px rgba(15,43,76,.12) !important; transform-style:preserve-3d; transition:transform .2s ease; }
#dgPick .dgdoor.school{ border-top-color:#1E4976 !important; }
#dgPick .dgdoor h3{ color:#0F2B4C !important; font-family:"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:800; font-size:23px !important; }
#dgPick .dgdoor .ic{ width:64px; height:64px; display:flex; align-items:center; justify-content:center; font-size:34px; border-radius:18px; background:#FFF3C4; box-shadow:0 8px 18px rgba(245,183,0,.3); transform:translateZ(30px); }
#dgPick .dgdoor.school .ic{ background:#E6EEF8; box-shadow:0 8px 18px rgba(30,73,118,.2); }
#dgPick .dgdoor .kick{ color:#B08A1E !important; } #dgPick .dgdoor .d, #dgPick .dgdoor li{ color:#26374C !important; font-size:16.5px !important; }
#dgPick .dgdoor li::marker{ color:#F5B700; }
#dgPick .dgdoor .pricebox{ background:#F3F7FC !important; border:1px solid #E3E7ED !important; color:#0F2B4C !important; border-radius:14px !important; }
#dgPick .dgdoor .pricebox .pv{ color:#0F2B4C !important; } #dgPick .dgdoor .pricebox .pl, #dgPick .dgdoor .pricebox .pn{ color:#4A4A4A !important; }
#dgPick .dgdoor .go{ min-height:58px; font-size:19px !important; border-radius:16px !important; background:#F5B700 !important; color:#0F2B4C !important; font-weight:800 !important; border:none !important; }
#dgPick .dgdoor.school .go{ background:#0F2B4C !important; color:#fff !important; }
#dgPick .dgmore{ color:#1E4976 !important; } #dgPick .dgpk-note{ background:#FFF6DC !important; color:#7A5C00 !important; border:1.5px solid #F5B700 !important; border-radius:14px !important; font-size:16px !important; }
#dgSteps{ background:#fff !important; } #dgSteps h2{ color:#0F2B4C !important; font-family:"Segoe UI",Roboto,Arial,sans-serif !important; font-weight:800; }
#dgSteps .st{ background:#F3F7FC !important; border:1px solid #E3E7ED !important; border-radius:18px !important; box-shadow:0 10px 24px rgba(15,43,76,.08); transition:transform .2s; }
#dgSteps .num{ background:#F5B700 !important; color:#0F2B4C !important; } #dgSteps .t{ color:#0F2B4C !important; font-size:19px !important; } #dgSteps .d{ color:#26374C !important; font-size:16px !important; }
#dgCdPromo .c{ background:#F3F7FC !important; border:1px solid #E3E7ED !important; color:#0F2B4C !important; border-radius:18px !important; }
#dgCdPromo .c b{ color:#0F2B4C !important; } #dgCdPromo .c span{ color:#4A4A4A !important; } #dgCdPromo{ background:#fff !important; }
/* Хамтрагч сургуулиуд */
.dg3-partners{ padding:56px 0; text-align:center; background:linear-gradient(180deg,#fff,#FFF8E1); overflow:hidden; }
.dg3-partners h2{ font-size:30px; color:#0F2B4C; margin:6px 16px 8px; font-weight:800; } .dg3-partners .dg3-lead{ padding:0 18px; }
.dg3-kick{ display:inline-block; font-size:13px; font-weight:800; letter-spacing:1.5px; color:#0F2B4C; background:#FFF3C4; border:1px solid #F5B700; padding:6px 12px; border-radius:999px; }
.dg3-marq{ overflow:hidden; padding:16px 0 26px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.dg3-track{ display:flex; gap:18px; width:max-content; animation:dg3marq 26s linear infinite; padding:0 9px; }
.dg3-marq:hover .dg3-track{ animation-play-state:paused; }
@keyframes dg3marq{ to{ transform:translateX(-50%);} }
.dg3-pc{ width:220px; flex:0 0 auto; background:#fff; border-radius:22px; padding:20px 16px; box-shadow:0 14px 32px rgba(15,43,76,.12); border-bottom:4px solid #F5B700; display:flex; flex-direction:column; align-items:center; gap:12px; }
.dg3-pc img{ width:110px; height:110px; object-fit:contain; border-radius:50%; background:#fff; border:3px solid #F3F7FC; }
.dg3-pc b{ font-size:17px; color:#0F2B4C; line-height:1.3; }
.dg3-pbtn{ min-height:58px; padding:0 30px; border:none; border-radius:16px; background:#0F2B4C; color:#fff; font-size:19px; font-weight:800; cursor:pointer; box-shadow:0 10px 24px rgba(15,43,76,.25); }
body.dg-member-mode #dg3Partners, body.dg-page-course #dg3Partners, body.dg-page-school #dg3Partners, body.dg-page-course #dg3Why, body.dg-page-school #dg3Why{ display:none !important; }
@media (prefers-reduced-motion: reduce){ .dg3-track{ animation:none !important; flex-wrap:wrap; justify-content:center; width:auto; } .dg3-track .dg3-dup{ display:none; } }
.nav-wrap{ display:flex !important; align-items:center; } .menu-toggle{ margin-left:auto; }
@media (min-width:900px){ .dg2-hero{ height:auto !important; max-height:none !important; } .dg2-hero .hero-grid{ margin-bottom:120px !important; } }
@media (min-width:900px){ .dg2-hero{ padding-bottom:0 !important; } .dg2-hero .hero-grid{ margin-bottom:0 !important; } .dg2-road{ position:relative !important; bottom:auto !important; margin-top:40px; } }
@media (min-width:900px){ .dg2-road{ grid-column:1 / -1; } }
.video-badge .vb-title{ color:#0F2B4C !important; } .video-badge .vb-sub{ color:#4A4A4A !important; } .video-badge{ background:#fff !important; border:1px solid #E3E7ED !important; }
/* v3.2 */
@media (min-width:900px){ .dg2-hero .dg2-road{ grid-column:1 / -1 !important; position:relative !important; left:auto !important; right:auto !important; bottom:auto !important; width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:0 !important; } .dg2-hero{ overflow-x:clip !important; } }
.dg2-hero .video-badge{ background:#0F2B4C !important; border:2px solid #F5B700 !important; opacity:1 !important; box-shadow:0 10px 24px rgba(15,43,76,.3) !important; }
.dg2-hero .video-badge .vb-title{ color:#fff !important; font-size:17px !important; } .dg2-hero .video-badge .vb-title span{ color:#F5B700 !important; }
.dg2-hero .video-badge .vb-sub{ color:#E6EEF8 !important; font-size:12.5px !important; }