:root{
  --bg:#0b1220; --panel:#121c30; --panel2:#17233c;
  --line:#25344f; --text:#e8eefc; --muted:#9db0d0; --primary:#2f8bff;
  --primary2:#1a6ff0; --ok:#2fbf6b; --warn:#e4a93a; --danger:#e3564f; --radius:16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Vazirmatn,system-ui,sans-serif;background:
  radial-gradient(1200px 600px at 50% -10%,#15233f 0,var(--bg) 60%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}
.wrap{max-width:1000px;margin:0 auto;padding:16px}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:12px 16px;background:rgba(10,16,28,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:19px}
.topbar nav{display:flex;gap:14px;flex-wrap:wrap}
.topbar nav a{color:var(--muted);font-size:14px}
.topbar nav a:hover{color:var(--text)}
h1{font-size:24px;margin:14px 0}
h3{margin:.4em 0}
.muted{color:var(--muted);font-size:13px}
.hint{color:var(--muted);font-size:12px;margin-top:10px}
.flash{padding:10px 14px;border-radius:12px;margin:10px 0;font-size:14px}
.flash.error{background:#3a1b1b;color:#ffb4ae;border:1px solid #5b2b2b}
.flash.ok{background:#17351f;color:#9ff0b8;border:1px solid #27542f}
.empty{padding:30px;text-align:center;color:var(--muted);background:var(--panel);border-radius:var(--radius);border:1px solid var(--line)}
.back{display:inline-block;color:var(--muted);margin:8px 0}

/* grid of cars */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card.ended{opacity:.7}
.thumb{position:relative;aspect-ratio:16/10;background:#0e1830;display:flex;align-items:center;justify-content:center}
.thumb img{width:100%;height:100%;object-fit:cover}
.noimg{font-size:54px}.noimg.big{font-size:120px}
.badge{position:absolute;top:10px;left:10px;font-size:12px;padding:3px 10px;border-radius:999px}
.badge.live{background:#123a23;color:#8ff0b2;border:1px solid #1d6b3f}
.badge.ended{background:#3a1b1b;color:#ffb4ae}
.cbody{padding:14px;display:flex;flex-direction:column;gap:8px}
.row{display:flex;justify-content:space-between;align-items:center}
.price{color:#8fd0ff;font-weight:700}
.btn{display:inline-block;text-align:center;padding:10px 16px;border-radius:12px;border:1px solid var(--line);
  background:var(--panel2);color:var(--text);cursor:pointer;font-size:14px;font-family:inherit}
.btn:hover{border-color:#3a4f73}
.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary2));border:none;color:#fff;font-weight:700}
.btn.big{width:100%;padding:13px;font-size:16px;margin-top:6px}
.btn.sm{padding:6px 10px;font-size:12px}
.btn.danger{background:#3a1b1b;color:#ffb4ae;border-color:#5b2b2b}
.btn.ok{background:#17351f;color:#9ff0b8;border-color:#27542f}

/* detail */
.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.dimg{background:#0e1830;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);min-height:240px;display:flex;align-items:center;justify-content:center}
.dimg img{width:100%;height:100%;object-fit:cover}
.pricebox{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:12px;margin:12px 0}
.pricebox strong{color:#8fd0ff;font-size:18px}

/* forms */
form label{display:block;margin:10px 0;font-size:14px;color:var(--muted)}
input,textarea,select{width:100%;margin-top:6px;padding:11px;border-radius:12px;border:1px solid var(--line);
  background:#0e1830;color:var(--text);font-family:inherit;font-size:15px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}
.buyform,.paybox,.loginbox,.cform,.trackform{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-top:12px}
.methods{display:flex;gap:10px;margin:10px 0}
.method{flex:1;display:flex;align-items:center;gap:8px;background:#0e1830;border:1px solid var(--line);padding:10px;border-radius:12px;color:var(--text)}
.method input{width:auto;margin:0}
.chk{display:flex;align-items:center;gap:8px;color:var(--text)}
.chk input{width:auto;margin:0}
fieldset{border:1px solid var(--line);border-radius:12px;margin:14px 0;padding:10px 14px}
legend{color:#8fd0ff;padding:0 8px}
.prev{max-width:200px;border-radius:12px;margin-top:8px;border:1px solid var(--line)}

/* card pay */
.cardinfo{background:#0e1830;border:1px dashed #3a4f73;border-radius:14px;padding:16px;text-align:center;margin:12px 0}
.cardnum{font-size:22px;letter-spacing:3px;font-weight:800;color:#8fd0ff;direction:ltr}

/* result */
.result{max-width:460px;margin:30px auto;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.rx{width:76px;height:76px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:40px}
.rx.ok{background:#123a23;color:#8ff0b2}.rx.fail{background:#3a1b1b;color:#ffb4ae}.rx.wait{background:#36300f;color:#ffd77a}
.ticket{font-size:64px;font-weight:900;letter-spacing:8px;color:#8fd0ff;direction:ltr;margin:14px 0;
  text-shadow:0 0 24px rgba(47,139,255,.5)}

/* tables */
.tbl{width:100%;border-collapse:collapse;margin-top:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tbl th,.tbl td{padding:10px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}
.tbl th{background:var(--panel2);color:var(--muted)}
.tk{font-weight:800;color:#8fd0ff;direction:ltr}
.s{font-size:12px;padding:3px 9px;border-radius:999px;background:#1a2740;color:var(--muted)}
.s.ok{background:#123a23;color:#8ff0b2}.s.wait{background:#36300f;color:#ffd77a}.s.fail{background:#3a1b1b;color:#ffb4ae}
.ops{display:flex;gap:6px;flex-wrap:wrap}
.ops form{margin:0}
.adminhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.foot{text-align:center;color:var(--muted);font-size:12px;padding:24px}
code{background:#0e1830;padding:2px 6px;border-radius:6px;color:#8fd0ff}

@media(max-width:720px){.detail{grid-template-columns:1fr}}

/* ===================== 3D / Hero enhancements ===================== */
.hero{position:relative;height:340px;border-radius:24px;overflow:hidden;margin:6px 0 10px;
  border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,.04);
  perspective:1000px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.08);filter:saturate(1.1) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,14,26,.92) 10%,rgba(7,14,26,.55) 55%,rgba(7,14,26,.2) 100%)}
.hero-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 34px;z-index:2}
.hero-title{font-size:38px;margin:0;font-weight:900;
  background:linear-gradient(180deg,#eaf4ff,#8fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 8px 30px rgba(47,139,255,.35)}
.hero-sub{color:#cfe0f7;font-size:16px;max-width:460px;margin:0}
.sec-title{font-size:22px;margin:22px 0 12px;position:relative;padding-right:14px}
.sec-title::before{content:"";position:absolute;right:0;top:4px;bottom:4px;width:5px;border-radius:4px;
  background:linear-gradient(180deg,var(--primary),#19d4ff)}

/* 3D buttons */
.big3d{position:relative;border-radius:14px;
  box-shadow:0 10px 22px -8px rgba(47,139,255,.65), inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .12s ease, box-shadow .12s ease}
.big3d:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(47,139,255,.8), inset 0 1px 0 rgba(255,255,255,.45)}
.big3d:active{transform:translateY(1px);box-shadow:0 6px 14px -8px rgba(47,139,255,.7)}

/* 3D cards */
.scene{perspective:1200px}
.card3d{background:linear-gradient(180deg,var(--panel),#0e1830);border:1px solid var(--line);border-radius:20px;
  overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;
  box-shadow:0 24px 44px -24px rgba(0,0,0,.85), inset 0 0 0 1px rgba(255,255,255,.03);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s}
.card3d:hover{transform:translateY(-8px) rotateX(5deg) rotateY(-6deg) scale(1.02);
  box-shadow:-24px 34px 60px -28px rgba(0,0,0,.9), 0 0 36px -10px rgba(47,139,255,.35)}
.card3d.ended{opacity:.75;filter:grayscale(.3)}
.card3d .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1526}
.card3d .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card3d:hover .thumb img{transform:scale(1.08)}
.card3d .cbody{padding:14px;display:flex;flex-direction:column;gap:8px;transform:translateZ(30px)}

/* moving gloss */
.shine{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 60%);
  transform:translateX(-120%);transition:transform .7s ease}
.card3d:hover .shine,.tilt:hover .shine{transform:translateX(120%)}

/* detail image tilt */
.detail{perspective:1200px}
.tilt{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}
.tilt:hover{transform:rotateX(4deg) rotateY(-5deg)}

/* ticket 3D */
.ticket{transform:translateZ(0);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes pop{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}
.rx{box-shadow:0 14px 30px -12px rgba(0,0,0,.7), inset 0 2px 8px rgba(255,255,255,.15)}

@media(max-width:720px){
  .hero{height:auto;min-height:300px}.hero-title{font-size:28px}.hero-sub{font-size:13px}
  .card3d:hover{transform:translateY(-4px)}
}

/* ===================== Beautify pass v2 ===================== */
body{background:
  radial-gradient(900px 500px at 12% -5%, rgba(47,139,255,.16), transparent 55%),
  radial-gradient(800px 500px at 92% 8%, rgba(25,212,255,.12), transparent 55%),
  radial-gradient(1200px 700px at 50% 120%, rgba(47,139,255,.10), transparent 60%),
  #090f1c;
  background-attachment:fixed}
.wrap{max-width:1060px}

/* richer hero */
.hero{height:auto;min-height:360px;padding:0}
.hero-glow{position:absolute;inset:-40%;z-index:1;pointer-events:none;
  background:radial-gradient(400px 300px at 78% 40%, rgba(47,139,255,.35), transparent 60%);
  animation:floatGlow 9s ease-in-out infinite}
@keyframes floatGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,20px)}}
.hero-in{padding:30px 34px}
.hero-tag{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:700;color:#bfe0ff;
  background:rgba(47,139,255,.14);border:1px solid rgba(47,139,255,.4);padding:5px 12px;border-radius:999px;
  backdrop-filter:blur(6px);margin-bottom:4px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ghost3d{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);
  border-radius:14px;font-weight:700}
.ghost3d:hover{border-color:rgba(143,208,255,.6);background:rgba(255,255,255,.1)}
.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hstat{background:rgba(10,18,33,.55);border:1px solid rgba(255,255,255,.1);border-radius:14px;
  padding:9px 16px;backdrop-filter:blur(8px);text-align:center;min-width:96px}
.hstat b{display:block;font-size:20px;color:#8fd0ff;text-shadow:0 0 18px rgba(47,139,255,.5)}
.hstat span{font-size:11.5px;color:var(--muted)}

/* how it works */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}
.step{background:linear-gradient(180deg,rgba(23,35,60,.7),rgba(14,24,48,.7));border:1px solid var(--line);
  border-radius:18px;padding:18px;text-align:center;transition:transform .25s, border-color .25s}
.step:hover{transform:translateY(-4px);border-color:#36507f}
.step-ic{font-size:34px;filter:drop-shadow(0 6px 14px rgba(47,139,255,.4))}
.step h4{margin:8px 0 4px;font-size:16px}

/* chips */
.chip{font-size:12px;padding:4px 11px;border-radius:999px;background:#13223c;color:#bcd2f2;border:1px solid var(--line)}
.price small{font-size:12px;color:var(--muted);font-weight:500}

/* card badge live pulse */
.badge.live{display:inline-flex;align-items:center;gap:4px}
.badge.live{animation:pulseLive 2s ease-in-out infinite}
@keyframes pulseLive{0%,100%{box-shadow:0 0 0 0 rgba(47,191,107,.5)}50%{box-shadow:0 0 0 6px rgba(47,191,107,0)}}

/* grid: nicer when few cars */
.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}

/* trust row */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 10px}
.tcard{display:flex;align-items:center;gap:12px;background:rgba(18,28,48,.6);border:1px solid var(--line);
  border-radius:16px;padding:14px 16px}
.tcard .tic{font-size:26px}
.tcard b{font-size:15px}.tcard p{margin:2px 0 0}

/* detail gallery */
.dgallery{display:flex;flex-direction:column;gap:10px}
.dthumbs{display:flex;gap:8px;flex-wrap:wrap}
.dthumb{width:74px;height:56px;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;
  border:2px solid var(--line);background:#0e1830}
.dthumb img{width:100%;height:100%;object-fit:cover}
.dthumb.active{border-color:var(--primary);box-shadow:0 0 14px -3px rgba(47,139,255,.7)}

/* admin gallery */
.gallery-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:8px}
.gthumb{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#0e1830}
.gthumb img{width:100%;height:100%;object-fit:cover}
.gthumb.cover{border-color:var(--primary);box-shadow:0 0 0 2px rgba(47,139,255,.4)}
.cover-badge{position:absolute;top:6px;right:6px;font-size:11px;background:var(--primary);color:#fff;padding:2px 8px;border-radius:999px}
.gthumb form{position:absolute;top:6px;left:6px;margin:0}
.gdel{width:26px;height:26px;border-radius:8px;border:none;background:rgba(227,86,79,.9);color:#fff;
  cursor:pointer;font-size:13px;line-height:1}
.gdel:hover{background:#e3564f}

/* single payment gateway box */
.paygate{display:flex;align-items:center;gap:12px;margin:12px 0;padding:13px 15px;border-radius:14px;
  background:linear-gradient(180deg,rgba(47,139,255,.12),rgba(14,24,48,.5));border:1px solid rgba(47,139,255,.35)}
.paygate-ic{font-size:24px}
.paygate b{font-size:14.5px}.paygate p{margin:2px 0 0}

@media(max-width:720px){
  .steps,.trust{grid-template-columns:1fr}
  .hstat,.hstat{min-width:0;flex:1}
}

/* ===================== Premium polish v3 ===================== */
@font-face{font-family:"Vazirmatn";src:url("fonts/vazirmatn.woff2") format("woff2");
  font-weight:100 900;font-display:swap;font-style:normal;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200D,U+2010-2011}
@font-face{font-family:"Vazirmatn";src:url("fonts/vazirmatn-latin.woff2") format("woff2");
  font-weight:100 900;font-display:swap;font-style:normal;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2212}

:root{
  --bg:#070c17; --panel:#101a2e; --panel2:#16223a;
  --line:#243451; --text:#eaf1ff; --muted:#93a6c8;
  --primary:#3b93ff; --primary2:#1f6ef0;
  --gold:#f6c863; --gold2:#d9a23a;
  --radius:18px;
}

body{font-family:"Vazirmatn",Tahoma,system-ui,sans-serif;letter-spacing:.1px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background:
    radial-gradient(900px 520px at 10% -6%, rgba(59,147,255,.18), transparent 55%),
    radial-gradient(760px 480px at 94% 4%, rgba(246,200,99,.10), transparent 55%),
    radial-gradient(1200px 760px at 50% 122%, rgba(59,147,255,.10), transparent 60%),
    #070c17;
  background-attachment:fixed}
.wrap{max-width:1080px;padding:18px 18px 30px}

/* numbers: tabular + latin glyphs for prices, tickets, codes */
.price,.pricebox strong,.ticket,.tk,.cardnum,.hstat b,.tbl td,.tbl th{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ---- topbar ---- */
.topbar{padding:11px 18px;background:rgba(8,13,24,.72);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 8px 30px -20px rgba(0,0,0,.9)}
.brand{font-weight:900;font-size:20px;letter-spacing:.2px;
  background:linear-gradient(120deg,#eaf4ff 20%,var(--gold) 120%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.topbar nav{gap:4px}
.topbar nav a{padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:600;
  transition:background .2s,color .2s}
.topbar nav a:hover{background:rgba(255,255,255,.07);color:var(--text)}

/* ---- headings ---- */
h1{font-weight:900;letter-spacing:.2px}
.sec-title::before{background:linear-gradient(180deg,var(--gold),var(--gold2))}

/* ---- hero ---- */
.hero{border-radius:26px;min-height:380px;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85), inset 0 0 0 1px rgba(255,255,255,.05)}
.hero::after{background:linear-gradient(90deg,rgba(6,11,22,.94) 8%,rgba(6,11,22,.6) 52%,rgba(6,11,22,.15) 100%)}
.hero-title{font-size:42px;background:linear-gradient(120deg,#ffffff 15%,#bfe0ff 55%,var(--gold) 115%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;filter:drop-shadow(0 10px 30px rgba(59,147,255,.3))}
.hero-tag{color:#ffe6ab;background:rgba(246,200,99,.12);border-color:rgba(246,200,99,.4)}
.hstat b{color:var(--gold);text-shadow:0 0 20px rgba(246,200,99,.35)}

/* ---- buttons ---- */
.btn{border-radius:14px;font-weight:600;transition:transform .14s,box-shadow .2s,border-color .2s,background .2s}
.btn.primary{background:linear-gradient(180deg,#52a1ff,var(--primary2));
  box-shadow:0 12px 24px -10px rgba(59,147,255,.7), inset 0 1px 0 rgba(255,255,255,.3)}
.btn.primary:hover{transform:translateY(-2px);
  box-shadow:0 18px 32px -10px rgba(59,147,255,.85), inset 0 1px 0 rgba(255,255,255,.4)}
.btn.gold{background:linear-gradient(180deg,#ffd877,var(--gold2));color:#2a1e03;font-weight:800;border:none;
  box-shadow:0 12px 24px -10px rgba(246,200,99,.6), inset 0 1px 0 rgba(255,255,255,.5)}
.btn.gold:hover{transform:translateY(-2px)}

/* ---- cards ---- */
.card3d{background:linear-gradient(180deg,#121d33,#0c1425);border:1px solid rgba(255,255,255,.07);
  border-radius:22px;box-shadow:0 26px 50px -26px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.03)}
.card3d .cbody h3{font-weight:800;font-size:17px}
.price{color:var(--gold);font-weight:800;font-size:17px}
.price small{color:var(--muted)}
.chip{background:rgba(59,147,255,.1);color:#bcd6ff;border-color:rgba(59,147,255,.25);font-weight:600}

/* ---- panels / forms ---- */
.buyform,.paybox,.loginbox,.cform,.trackform,.result,.pricebox,.tcard,.step,.empty,.tbl{
  background:linear-gradient(180deg,rgba(18,29,51,.82),rgba(12,20,37,.82));
  border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(4px)}
input,textarea,select{background:#0b1324;border:1px solid var(--line);border-radius:13px;
  transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(59,147,255,.18)}
legend{color:var(--gold);font-weight:700}
.pricebox strong{color:var(--gold)}
.paygate{background:linear-gradient(180deg,rgba(59,147,255,.13),rgba(12,20,37,.6));
  border:1px solid rgba(59,147,255,.3)}

/* ---- ticket / result ---- */
.ticket{color:var(--gold);text-shadow:0 0 30px rgba(246,200,99,.55)}
.result{border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}

/* ---- tables ---- */
.tbl{border-radius:16px}
.tbl th{background:rgba(255,255,255,.03);font-weight:700}
.tk{color:var(--gold)}

/* ---- footer ---- */
.foot{border-top:1px solid rgba(255,255,255,.05);margin-top:20px}

@media(max-width:720px){
  .hero-title{font-size:30px}
  .wrap{padding:14px 14px 26px}
  .topbar{padding:10px 14px}
  .brand{font-size:18px}
}

/* ===================== 3D depth v4 ===================== */
/* living hero: slow parallax zoom + layered depth */
.hero{transform-style:preserve-3d}
.hero-bg{animation:heroZoom 20s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1.17) translate(-12px,-6px)}}
.hero-in{transform-style:preserve-3d}
.hero-tag{transform:translateZ(50px)}
.hero-title{transform:translateZ(60px)}
.hero-sub{transform:translateZ(36px)}
.hero-cta{transform:translateZ(44px)}
.hero-stats{transform:translateZ(28px)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(130% 80% at 80% 15%, transparent 40%, rgba(5,9,18,.5) 100%)}

/* perspective containers so children tilt in 3D */
.hero-stats,.steps,.trust{perspective:1100px}
.grid.scene{perspective:1400px}

/* stat tiles — raised, tilt on hover */
.hstat{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .32s;
  transform-style:preserve-3d;
  box-shadow:0 18px 32px -18px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.08)}
.hstat:hover{transform:translateY(-6px) rotateX(9deg) scale(1.03);border-color:rgba(246,200,99,.45);
  box-shadow:0 30px 46px -18px rgba(0,0,0,.92), 0 0 28px -8px rgba(246,200,99,.4)}

/* step cards — deep 3D tilt + floating icon */
.step{transform-style:preserve-3d;
  box-shadow:0 24px 44px -24px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06)}
.step:hover{transform:translateY(-8px) rotateX(8deg) rotateY(-6deg);
  box-shadow:-18px 32px 56px -26px rgba(0,0,0,.95), 0 0 34px -10px rgba(59,147,255,.4)}
.step h4,.step p{transform:translateZ(26px)}
.step-ic{display:inline-block;transform:translateZ(40px);animation:floatIc 4.5s ease-in-out infinite}
.step:nth-child(2) .step-ic{animation-delay:-1.5s}
.step:nth-child(3) .step-ic{animation-delay:-3s}
@keyframes floatIc{0%,100%{transform:translateZ(40px) translateY(0)}50%{transform:translateZ(40px) translateY(-8px)}}

/* trust cards — raised + tilt */
.tcard{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;transform-style:preserve-3d;
  box-shadow:0 18px 36px -20px rgba(0,0,0,.85)}
.tcard:hover{transform:translateY(-6px) rotateX(7deg);
  box-shadow:0 28px 48px -20px rgba(0,0,0,.92), 0 0 28px -10px rgba(59,147,255,.35)}
.tcard .tic{transition:transform .3s}
.tcard:hover .tic{transform:translateZ(24px) scale(1.12)}

/* car cards — stronger raise & depth */
.card3d{box-shadow:0 30px 56px -26px rgba(0,0,0,.92), 0 0 0 1px rgba(255,255,255,.04), inset 0 1px 0 rgba(255,255,255,.05)}
.card3d:hover{transform:translateY(-10px) rotateX(6deg) rotateY(-7deg) scale(1.03);
  box-shadow:-28px 40px 70px -28px rgba(0,0,0,.95), 0 0 44px -10px rgba(246,200,99,.3)}
.card3d .price,.card3d h3,.card3d .btn{transform:translateZ(40px)}
.card3d .badge{transform:translateZ(50px)}

/* detail gallery image — richer tilt & depth */
.dimg.tilt{box-shadow:0 34px 64px -30px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.05)}
.dimg.tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(-7deg) scale(1.02)}

/* result ticket — more pop */
.result{transform-style:preserve-3d}
.rx{transform:translateZ(30px)}
.ticket{transform:translateZ(50px)}

/* buttons: crisper 3D press */
.btn.gold,.btn.primary{transform-style:preserve-3d}
.btn.big3d:hover,.btn.gold:hover,.btn.primary:hover{transform:translateY(-3px) scale(1.015)}

/* soft reveal on load */
.hero,.steps,.grid,.trust{animation:riseIn .6s cubic-bezier(.2,.7,.2,1) both}
.steps{animation-delay:.05s}.grid{animation-delay:.1s}.trust{animation-delay:.15s}
@keyframes riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){
  .hero-bg,.step-ic,.hero,.steps,.grid,.trust{animation:none}
}

/* ===================== Wow layer v5 ===================== */
/* moving aurora behind everything */
body::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(520px 520px at 18% 28%, rgba(59,147,255,.14), transparent 62%),
    radial-gradient(560px 560px at 82% 68%, rgba(246,200,99,.11), transparent 62%),
    radial-gradient(460px 460px at 55% 8%, rgba(120,90,255,.10), transparent 60%);
  animation:aurora 18s ease-in-out infinite alternate;filter:blur(14px)}
@keyframes aurora{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(46px,-34px) rotate(4deg)}}

/* animated gold sheen on brand */
.brand{background-size:220% auto;animation:goldShift 6s linear infinite}
@keyframes goldShift{to{background-position:220% center}}

/* shimmering sweep across main buttons */
.btn.gold,.btn.primary{position:relative;overflow:hidden}
.btn.gold::after,.btn.primary::after{content:"";position:absolute;top:-10%;left:-70%;width:45%;height:120%;
  pointer-events:none;transform:skewX(-20deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  animation:sweep 4s ease-in-out infinite}
@keyframes sweep{0%{left:-70%}40%,100%{left:150%}}

/* glowing ring that fades in on card hover */
.card3d{position:relative}
.card3d::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 1px rgba(246,200,99,0), 0 0 30px -6px rgba(246,200,99,0);
  transition:box-shadow .4s}
.card3d:hover::after{box-shadow:0 0 0 1px rgba(246,200,99,.4), 0 0 44px -8px rgba(246,200,99,.45)}

/* price gets a soft gold glow */
.price,.pricebox strong{text-shadow:0 0 18px rgba(246,200,99,.35)}

/* topbar: subtle gradient underline */
.topbar{border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent,rgba(246,200,99,.5),rgba(59,147,255,.5),transparent) 1}

/* section titles: animated accent bar */
.sec-title::before{animation:barPulse 2.6s ease-in-out infinite}
@keyframes barPulse{0%,100%{box-shadow:0 0 0 0 rgba(246,200,99,.0)}50%{box-shadow:0 6px 16px -2px rgba(246,200,99,.6)}}

/* scroll reveal (added by fx.js) */
.reveal{opacity:0;transform:translateY(24px) scale(.98);
  transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.reveal.in{opacity:1;transform:none}

@media(max-width:720px){
  body::before{filter:blur(10px);animation-duration:22s}
}
@media(prefers-reduced-motion:reduce){
  body::before,.brand,.btn.gold::after,.btn.primary::after,.sec-title::before{animation:none}
  .reveal{opacity:1;transform:none}
}

/* ===================== smaller hero v6 ===================== */
/* in-flow hero content so the banner fits content (no clipping) and stays compact */
.hero{min-height:0}
.hero-in{position:relative;inset:auto;justify-content:flex-start;padding:24px 30px;gap:9px}
.hero-title{font-size:32px}
.hero-sub{font-size:14.5px;max-width:420px}
.hero-stats{margin-top:12px}
.hstat{padding:7px 14px;min-width:86px}
.hstat b{font-size:18px}
@media(max-width:720px){
  .hero-in{padding:16px 18px;gap:7px}
  .hero-title{font-size:25px}
  .hero-sub{font-size:12.5px}
  .hero-stats{margin-top:10px}
}

/* trust seals (eNamad + Aqaye Pardakht) */
.trustseal{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.trustseal a{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:8px;border-radius:12px;
  box-shadow:0 10px 26px -12px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
.trustseal a:hover{transform:translateY(-3px);box-shadow:0 16px 32px -12px rgba(0,0,0,.7)}
.trustseal img{display:block;height:90px;width:auto}