:root{
  --y:#FFD400; --y2:#FFE666; --k:#0A0A0A; --w:#FFFFFF;
  --gr:#9A9A93; --g:#F4F4EF; --g2:#E7E7E0;
  --bs-body-font-family:Vazirmatn,Tahoma,sans-serif;
  --bs-body-color:var(--k); --bs-body-bg:var(--w);
  --bs-primary:var(--y); --bs-dark:var(--k);
}
*{scroll-behavior:smooth}
body{background:var(--w);color:var(--k);overflow-x:hidden;font-weight:400;position:relative}
.fw-black{font-weight:900}
.muted{color:#555}
.hidden{display:none!important}

/* ===== Ambient animated background ===== */
.bg-layer{position:fixed;inset:0;z-index:0;overflow:hidden;background:
  linear-gradient(180deg,#FFFDF5 0%,#F7F4E8 35%,#ECE9DD 100%)}
.bg-layer canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.mesh{position:absolute;border-radius:50%;filter:blur(60px);opacity:.75;mix-blend-mode:multiply;will-change:transform}
.mesh.m1{width:58vw;height:58vw;background:radial-gradient(circle,var(--y) 0%,transparent 68%);top:-18vw;right:-14vw;animation:drift1 22s ease-in-out infinite}
.mesh.m2{width:46vw;height:46vw;background:radial-gradient(circle,var(--gr) 0%,transparent 68%);bottom:-16vw;left:-10vw;opacity:.5;animation:drift2 26s ease-in-out infinite}
.mesh.m3{width:38vw;height:38vw;background:radial-gradient(circle,#FFC700 0%,transparent 68%);top:30%;left:28%;opacity:.6;animation:drift3 30s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6vw,8vw) scale(1.15)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8vw,-6vw) scale(1.1)}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vw,-7vw) scale(.9)}}
.grid-overlay{position:absolute;inset:0;background-image:
  linear-gradient(to left,rgba(10,10,10,.05) 1px,transparent 1px),
  linear-gradient(to top,rgba(10,10,10,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(circle at 50% 20%,#000 0%,transparent 75%)}
.noise{position:absolute;inset:0;opacity:.035;pointer-events:none;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
@media (max-width:991px){.mesh{filter:blur(46px)}}
@media (prefers-reduced-motion:reduce){.mesh{animation:none!important}}

/* Nav */
.site-nav{background:rgba(255,255,255,.7);backdrop-filter:blur(14px) saturate(160%);border-bottom:2px solid var(--k)}
.logo{font-weight:900;font-size:22px;background:var(--k);color:var(--w)!important;padding:4px 14px;cursor:pointer;transition:transform .3s}
.logo:hover{transform:rotate(-2deg) scale(1.04)}
.logo span{color:var(--y)}
.site-nav .nav-link{font-weight:700;color:var(--k);position:relative}
.site-nav .nav-link:after{content:"";position:absolute;bottom:0;right:50%;transform:translateX(50%);width:0;height:3px;background:var(--y);transition:width .3s}
.site-nav .nav-link:hover:after{width:70%}

/* Buttons */
.btn{font-weight:700;border-radius:0;transition:transform .2s,box-shadow .2s}
.btn-brand{background:var(--y);color:var(--k);border:2px solid var(--k);box-shadow:4px 4px 0 var(--k)}
.btn-brand:hover{background:var(--y);color:var(--k);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--k)}
.btn-brand:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--k)}
.btn-ink{background:var(--k);color:var(--y);border:2px solid var(--k);box-shadow:4px 4px 0 var(--y)}
.btn-ink:hover{background:var(--k);color:var(--y);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--y)}
.btn-outline-dark{border:2px solid var(--k);border-radius:0;font-weight:700}
.btn-outline-dark:hover{background:var(--k);color:var(--y)}

/* Hero */
.hero-row{min-height:78vh}
.chip{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--k);padding:5px 16px;font-weight:700;font-size:14px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px)}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:0 0 0 0 rgba(255,212,0,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(255,212,0,0)}100%{box-shadow:0 0 0 0 rgba(255,212,0,0)}}
.trust-row div{display:flex;flex-direction:column}
.trust-row b{font-size:24px;font-weight:900}
.trust-row span{font-size:13px;color:#555;font-weight:600}
.magnet{transition:transform .2s cubic-bezier(.2,.9,.3,1.3),box-shadow .2s}
.display-title{font-size:clamp(40px,6.2vw,78px);font-weight:900;line-height:1.25;margin:0}
.display-title .w{display:inline-block;opacity:0;transform:translateY(40px) rotate(4deg);animation:wordIn .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
.display-title .hl{background:var(--y);padding:0 .15em;position:relative;z-index:0}
@keyframes wordIn{to{opacity:1;transform:none}}
.lead-text{font-size:18px;color:#333;max-width:520px}

/* Stacked hero cards */
.stack{position:relative;height:460px;perspective:1200px}
.stack .pcard{position:absolute;width:min(300px,70%);animation:float 6s ease-in-out infinite;backdrop-filter:blur(6px);background:rgba(255,255,255,.75)}
.stack .pcard:nth-child(1){top:0;right:0;transform:rotate(-5deg)}
.stack .pcard:nth-child(2){top:140px;left:0;transform:rotate(4deg);animation-delay:-2s;background:var(--y)}
.stack .pcard:nth-child(3){top:270px;right:12%;transform:rotate(-2deg);animation-delay:-4s}
@keyframes float{50%{translate:0 -16px}}

/* Feature cards */
.feature-card{border:1px solid rgba(212,160,23,.18);background:linear-gradient(165deg,rgba(45,45,50,.9),rgba(26,26,30,.9));backdrop-filter:blur(10px);padding:32px 28px;height:100%;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s;animation-delay:var(--rd,0s)}
.feature-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--y),transparent);opacity:0;transition:opacity .35s}
.feature-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.16),transparent 70%);top:-90px;inset-inline-end:-90px;pointer-events:none}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 30px 50px -22px rgba(0,0,0,.6);border-color:rgba(212,160,23,.5)}
.feature-card:hover::before{opacity:1}
.feature-card .fnum{display:flex;align-items:center;justify-content:center;width:54px;height:54px;font-size:18px;font-weight:900;color:var(--y);border:1px solid rgba(212,160,23,.4);border-radius:50%;margin-bottom:22px;direction:ltr}
.feature-card h3{font-weight:900;font-size:20px;margin:0 0 10px;letter-spacing:.01em}
.feature-card p{color:#A7A398;margin:0;font-size:14.5px;line-height:1.9}

/* Studio credit band */
.studio-band{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;border:2px solid var(--k);background:linear-gradient(135deg,rgba(255,212,0,.18),rgba(154,154,147,.12));backdrop-filter:blur(10px);padding:38px;text-align:center}
.studio-item h3{font-weight:900;font-size:30px;margin:4px 0;letter-spacing:.5px}
.studio-tag{display:inline-block;background:var(--k);color:var(--y);font-size:12px;font-weight:700;padding:3px 12px}
.studio-item p{margin:0;color:#444;font-size:14px}
.studio-sep{width:2px;height:60px;background:var(--k);opacity:.5}
@media(max-width:767px){.studio-sep{width:60px;height:2px}}

/* Stats */
.stats-bar{border:2px solid var(--k);box-shadow:8px 8px 0 var(--y);background:rgba(255,255,255,.65);backdrop-filter:blur(10px)}
.stat{padding:28px;text-align:center;border-inline-start:2px solid var(--k)}
.stat:first-child{border:0}
.stat b{display:block;font-size:40px;font-weight:900}
.stat span{font-weight:700;color:#444}

/* Section headers */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;border-bottom:3px solid var(--k);padding-bottom:12px;margin-bottom:32px}
.sec-head h2{font-weight:900;margin:0;font-size:clamp(26px,3.5vw,38px)}
.lib-banner{position:relative;padding:72px 0 56px;border-bottom:3px solid var(--k);overflow:hidden;background:linear-gradient(180deg,rgba(255,212,0,.16),transparent)}
.lib-title{font-size:clamp(36px,5vw,58px);font-weight:900;margin:0}
.search-wrap{position:relative;max-width:480px}
.search-ico{position:absolute;top:50%;right:16px;transform:translateY(-50%);pointer-events:none}
.search-input{border:2px solid var(--k);border-radius:999px;box-shadow:5px 5px 0 var(--k);padding:14px 48px 14px 20px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px)}
.search-input:focus{box-shadow:5px 5px 0 var(--y);border-color:var(--k)}

/* Prompt cards */
.pcard{background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:2px solid var(--k);display:flex;flex-direction:column;height:100%;transform-style:preserve-3d;transition:box-shadow .3s;--rx:0deg;--ry:0deg}
.tilt{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease,box-shadow .3s}
.tilt:hover{box-shadow:10px 10px 0 var(--k)}
.pimg{position:relative;aspect-ratio:4/3;border-bottom:2px solid var(--k);overflow:hidden;background:var(--g)}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.tilt:hover .pimg img{transform:scale(1.12) rotate(.5deg)}
.pimg-fade{position:absolute;inset:0 0 0 0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72) 100%);pointer-events:none}
.pimg-fade h3{color:var(--w);font-weight:900;font-size:21px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.tag-cat{position:absolute;top:12px;right:12px;background:var(--y);border:1.5px solid var(--k);font-size:12px;font-weight:700;padding:2px 12px;z-index:2}
.pbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.ptxt{direction:ltr;text-align:left;color:#444;font-size:13.5px;flex:1;overflow-wrap:anywhere;margin:0;line-height:1.7}
.pacts{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.star{position:absolute;top:12px;left:12px;width:38px;height:38px;border:1.5px solid var(--k);background:rgba(255,255,255,.85);backdrop-filter:blur(4px);font-size:17px;cursor:pointer;transition:transform .2s,background .2s;z-index:2}
.star:hover{transform:rotate(20deg) scale(1.08)}
.star.on{background:var(--y)}
.copied{animation:pop .4s}
@keyframes pop{50%{transform:scale(1.05)}}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* Auth / panels */
.auth-box{position:relative;max-width:460px;border:3px solid var(--k);padding:40px 32px 32px;background:rgba(255,255,255,.75);backdrop-filter:blur(12px);box-shadow:12px 12px 0 var(--y)}
.auth-mark{position:absolute;top:-24px;right:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  background:var(--y);color:var(--ink,#17171A);border:2px solid var(--k);font-weight:900;font-size:20px;box-shadow:4px 4px 0 var(--k)}
.auth-switch{display:flex;border:2px solid var(--k);margin-bottom:22px;overflow:hidden}
.auth-switch button{flex:1;border:0;background:transparent;padding:10px 0;font-weight:700;font-size:14px;color:inherit;cursor:pointer;transition:background .2s,color .2s}
.auth-switch button:first-child{border-left:2px solid var(--k)}
.auth-switch button.on{background:var(--k);color:var(--y)}
.panel{border:3px solid var(--k);padding:24px;background:rgba(255,255,255,.75);backdrop-filter:blur(12px)}
.form-control{border:2px solid var(--k);border-radius:0;padding:12px}
.form-control:focus{border-color:var(--k);box-shadow:4px 4px 0 var(--y)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}
.kv b{font-weight:700}
.mini-stat{border:2px solid var(--k);text-align:center;padding:14px;background:var(--g)}
.mini-stat b{display:block;font-size:26px;font-weight:900}
.mini-stat span{font-size:14px;color:#444}
.admin-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid var(--k);padding:12px 0}
.admin-item .info{display:flex;gap:12px;align-items:center;min-width:0}
.admin-item img{width:72px;height:48px;object-fit:cover;border:2px solid var(--k);flex-shrink:0}
.order-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid var(--k);padding:12px 0}
.order-item:last-child{border-bottom:0}
.order-item .info{display:flex;flex-direction:column;gap:2px}
.order-status{font-size:12.5px;font-weight:700;padding:4px 12px;border:2px solid var(--k);white-space:nowrap}
.order-status.st-pending{background:var(--y);color:var(--ink,#17171A)}
.order-status.st-approved{background:#3FA76A;color:#fff;border-color:#3FA76A}
.order-status.st-rejected{background:#C0392B;color:#fff;border-color:#C0392B}

/* Toast */
.toast-box{position:fixed;bottom:24px;left:50%;transform:translate(-50%,160px);background:var(--k);color:var(--y);padding:12px 22px;font-weight:700;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:99;max-width:90vw;box-shadow:6px 6px 0 var(--y)}
.toast-box.show{transform:translate(-50%,0)}

/* Cursor glow */
.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,0,.35),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:0;transition:opacity .3s;top:0;left:0}
main,footer,nav{position:relative;z-index:1}

/* View transitions */
.view{display:none}
.view.active{display:block;animation:viewIn .5s ease}
@keyframes viewIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:991px){
  .stack{height:380px}
  .hero-row{min-height:auto}
  .stat{border-inline-start:0;border-bottom:2px solid var(--k)}
  .stat:last-child{border-bottom:0}
  .cursor-glow{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal,.display-title .w{opacity:1;transform:none}
}

/* ===== 3D LAYER: hero scene, intro curtain, perspective floor ===== */
.progress{position:fixed;top:0;right:0;left:0;height:4px;background:var(--k);transform-origin:right;transform:scaleX(0);z-index:150;box-shadow:0 2px 0 var(--y)}
.floor{position:absolute;left:-50%;right:-50%;bottom:-12%;height:62vh;transform:perspective(520px) rotateX(64deg);transform-origin:bottom;
  background-image:linear-gradient(rgba(10,10,10,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.16) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:linear-gradient(to top,#000,transparent 85%);mask-image:linear-gradient(to top,#000,transparent 85%);animation:floor 5s linear infinite}
@keyframes floor{to{background-position:0 64px}}
.tilt{position:relative}
.tilt::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.9),transparent 50%)}
.tilt:hover::after{opacity:1}
.btn:focus-visible,.star:focus-visible,.nav-link:focus-visible{outline:3px solid var(--k);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.floor{animation:none}}

/* ===== v3: grey/yellow/white balance + bold 3D ===== */
:root{--k:#2B2B2F;--gr:#8C8C85;--g:#EFEFEA;--g2:#DADAD3}
.bg-layer{background:linear-gradient(180deg,#FDFDFB 0%,#EDEDE7 40%,#D6D6CE 100%)}
.mesh.m2{background:radial-gradient(circle,#8C8C85 0%,transparent 68%);opacity:.6}
.mesh.m1{translate:calc(var(--px,0)*-70px) calc(var(--py,0)*-70px)}
.mesh.m2{translate:calc(var(--px,0)*90px) calc(var(--py,0)*60px)}
.mesh.m3{translate:calc(var(--px,0)*-120px) calc(var(--py,0)*80px)}
.lib-banner{background:linear-gradient(135deg,rgba(255,212,0,.28),rgba(140,140,133,.2))}
.stats-bar{background:linear-gradient(135deg,#fff,#E6E6E0)}
.display-title{color:var(--k);text-shadow:1px 1px 0 #D2D2CA,2px 2px 0 #C4C4BC,3px 3px 0 #B6B6AE,4px 4px 0 #A8A8A0,5px 7px 14px rgba(0,0,0,.28)}
.display-title .hl{text-shadow:none;box-shadow:5px 6px 0 var(--k)}
.row>.reveal{transform:perspective(1000px) rotateX(24deg) translateY(36px);transform-origin:50% 100%}
.row>.reveal.in{transform:none}
.feature-card.tilt:hover{box-shadow:0 30px 50px -22px rgba(0,0,0,.6)}

/* ===== v4: dark graphite + deep amber, white removed ===== */
:root{--y:#D4A017;--y2:#E3B341;--k:#8F8C82;--w:#E4E1D6;--tx:#E4E1D6;--ink:#0F0F12;--dim:#A9A69B;
  --g:#2A2A30;--g2:#3A3A41;--gr:#6E6E75;--bs-body-color:#E4E1D6;--bs-body-bg:#1A1A1E}
body{background:#1A1A1E;color:var(--tx)}
.bg-layer{background:linear-gradient(180deg,#2A2A30 0%,#1C1C20 45%,#121215 100%)}
.mesh{mix-blend-mode:screen}
.mesh.m1{opacity:.32}.mesh.m2{background:radial-gradient(circle,#6E6E75 0%,transparent 68%);opacity:.3}
.mesh.m3{background:radial-gradient(circle,#B8860B 0%,transparent 68%);opacity:.22}
.grid-overlay{background-image:linear-gradient(to left,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to top,rgba(255,255,255,.04) 1px,transparent 1px)}
.floor{background-image:linear-gradient(rgba(212,160,23,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(212,160,23,.22) 1px,transparent 1px)}
.cursor-glow{background:radial-gradient(circle,rgba(212,160,23,.28),transparent 65%)}
.site-nav{background:rgba(22,22,26,.78)}
.site-nav .nav-link,.form-label{color:var(--tx)}
.navbar-toggler{filter:invert(1)}
.logo{background:var(--ink);color:var(--tx)!important;border:2px solid var(--k)}
.progress{background:var(--y);box-shadow:none}
.btn-brand,.btn-brand:hover,.btn-brand:active{color:#17171A}
.btn-brand{box-shadow:4px 4px 0 #0F0F12}.btn-brand:hover{box-shadow:7px 7px 0 #0F0F12}
.btn-ink{background:var(--ink);border-color:var(--k)}.btn-ink:hover{background:var(--ink)}
.btn-outline-dark{color:var(--tx);border-color:var(--k)}.btn-outline-dark:hover{background:var(--y);color:#17171A;border-color:var(--k)}
.chip{background:rgba(15,15,18,.6);color:var(--tx)}
.display-title{color:var(--tx);text-shadow:1px 1px 0 #9C7410,2px 2px 0 #8A6410,3px 3px 0 #785510,4px 4px 0 #66470E,6px 9px 16px rgba(0,0,0,.6)}
.display-title .hl{background:var(--y);color:#17171A;text-shadow:none;box-shadow:5px 6px 0 var(--ink)}
.muted,.lead-text,.ptxt,.trust-row span,.feature-card p,.studio-item p,.stat span,.mini-stat span{color:var(--dim)}
.pcard,.stats-bar,.auth-box,.panel{background:rgba(37,37,42,.82);color:var(--tx)}
.feature-card{color:var(--tx)}
.stats-bar{background:linear-gradient(135deg,#2E2E34,#222227);box-shadow:8px 8px 0 var(--y)}
.studio-band{background:linear-gradient(135deg,rgba(212,160,23,.2),rgba(110,110,117,.2))}
.lib-banner{background:linear-gradient(135deg,rgba(212,160,23,.22),rgba(110,110,117,.2))}
.tag-cat{color:#17171A}
.star{background:rgba(22,22,26,.82);color:var(--tx)}.star.on{background:var(--y);color:#17171A}
.search-input,.form-control,.form-control:focus{background:#26262B;color:var(--tx)}
.form-control::placeholder{color:#7C7970}
.tilt:hover{box-shadow:10px 10px 0 #0F0F12}
.toast-box,.studio-tag{background:var(--ink)}
.toast-box{border:2px solid var(--k);box-shadow:6px 6px 0 var(--y)}
/* ===== v5: no white — dark graphite, light grey, deep amber only ===== */
:root{--tx:#B4B1A5;--w:#B4B1A5;--dim:#8A877D;--k:#74726A;--bs-body-color:#B4B1A5}
.site-nav .nav-link,.form-label,.sec-head h2,.stat b,.mini-stat b,.trust-row b,.studio-item h3,.feature-card h3,.fw-black{color:#C2BFB3}
.display-title{color:#C2BFB3}
.tilt::after{mix-blend-mode:screen;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(212,160,23,.3),transparent 55%)}
.stats-bar{background:linear-gradient(135deg,#34343A,#26262B)}
.logo{color:#C2BFB3!important}

/* ===== v6: only deep yellow + rich dark grey. No white, no light grey ===== */
:root{--tx:#E3B341;--w:#E3B341;--dim:#A8934F;--k:#6A6C74;--g:#34363D;--g2:#42444C;--bs-body-color:#E3B341;--bs-body-bg:#1B1C20}
body{background:#1B1C20;color:var(--tx)}
::selection{background:var(--y);color:#1B1C20}
.bg-layer{background:linear-gradient(180deg,#34363D 0%,#25272C 45%,#16171A 100%)}
.mesh.m2{background:radial-gradient(circle,#555862 0%,transparent 68%);opacity:.45}
.site-nav{background:rgba(30,31,36,.85)}
.site-nav .nav-link,.form-label,.sec-head h2,.stat b,.mini-stat b,.trust-row b,.studio-item h3,.feature-card h3,.fw-black,.display-title,.logo{color:#E3B341!important}
.display-title{text-shadow:1px 1px 0 #9C7410,2px 2px 0 #8A6410,3px 3px 0 #785510,4px 4px 0 #66470E,6px 9px 16px rgba(0,0,0,.65)}
.display-title .hl{color:#1B1C20!important}
.chip,.search-input,.form-control,.form-control:focus{color:#E3B341}
.pcard,.auth-box,.panel{background:rgba(46,48,54,.88)}
.stats-bar{background:linear-gradient(135deg,#3A3C44,#2A2C32)}

/* ===== v7: light beam, signature, polish ===== */
.bg-layer::before{content:"";position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;margin:-75vmax;pointer-events:none;
  background:conic-gradient(transparent 0 78%,rgba(212,160,23,.16) 87%,transparent 94%);animation:beam 38s linear infinite}
@keyframes beam{to{transform:rotate(360deg)}}
.btn-brand{position:relative;overflow:hidden}
.btn-brand::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(27,28,32,.28),transparent);transform:skewX(-20deg);transition:left .6s}
.btn-brand:hover::after{left:130%}
.tilt:hover{box-shadow:10px 10px 0 #0F0F12,0 0 44px rgba(212,160,23,.28)}
.site-nav{transition:padding .3s,box-shadow .3s}
.site-nav.sm{padding-block:0;box-shadow:0 10px 28px rgba(0,0,0,.5)}
html{scrollbar-color:#D4A017 #1B1C20}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1B1C20}
::-webkit-scrollbar-thumb{background:#D4A017;border:3px solid #1B1C20}

/* ===== v8: no cursor-following colour; exclusive team section ===== */
.cursor-glow{display:none!important}
.mesh.m1,.mesh.m2,.mesh.m3{translate:none}
/* Makers — two spotlighted profile cards joined by an ampersand emblem */
.makers-lead{max-width:560px;margin:0 0 32px;color:#A7A398;font-size:15px;line-height:1.95}
.makers-grid{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}

.maker{position:relative;padding:50px 38px 36px;text-align:center;border-radius:22px;overflow:hidden;
  background:radial-gradient(120% 140% at 50% -10%,rgba(212,160,23,.1),transparent 55%),linear-gradient(175deg,#26262B,#19191C);
  border:1px solid rgba(212,160,23,.16);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 30px 60px -32px rgba(0,0,0,.7);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.maker::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--ac,#D4A017),transparent)}
.maker.alt{--ac:#9FA3AD}
.maker:hover{transform:translateY(-8px);border-color:rgba(212,160,23,.45);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 70px -28px rgba(0,0,0,.75),0 0 60px -20px rgba(212,160,23,.3)}

.maker-glow{position:absolute;width:260px;height:260px;border-radius:50%;left:50%;top:-120px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(212,160,23,.22),transparent 68%);opacity:0;transition:opacity .4s;pointer-events:none}
.maker:hover .maker-glow{opacity:1}

.maker-corner{position:absolute;width:20px;height:20px;border:1.5px solid rgba(212,160,23,.16);transition:opacity .35s,border-color .35s}
.maker:hover .maker-corner{border-color:rgba(212,160,23,.5)}
.maker-corner.tl{top:12px;inset-inline-start:12px;border-inline-end:0;border-bottom:0}
.maker-corner.tr{top:12px;inset-inline-end:12px;border-inline-start:0;border-bottom:0}
.maker-corner.bl{bottom:12px;inset-inline-start:12px;border-inline-end:0;border-top:0}
.maker-corner.br{bottom:12px;inset-inline-end:12px;border-inline-start:0;border-top:0}

.maker-badge{position:relative;width:74px;height:74px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:17px;direction:ltr;color:#1B1C20;background:linear-gradient(150deg,color-mix(in srgb,var(--ac,#D4A017) 55%,#fff),var(--ac,#D4A017) 65%);
  box-shadow:0 10px 24px -8px color-mix(in srgb,var(--ac,#D4A017) 70%,transparent),0 0 0 5px color-mix(in srgb,var(--ac,#D4A017) 12%,transparent)}
.maker-badge span{display:none}
.maker-role{position:relative;display:inline-block;color:var(--ac,#D4A017);font-weight:700;font-size:12px;letter-spacing:.05em}
.maker-name{position:relative;margin:8px 0 4px;font-size:clamp(28px,3.4vw,36px);font-weight:900;direction:ltr;color:#F6EFDD;
  background:linear-gradient(90deg,#F6EFDD,var(--ac,#D4A017) 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.maker-bio{position:relative;color:#A7A398;font-size:14.5px;line-height:1.95;margin:12px auto 22px;max-width:320px}
.maker-skills{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:26px}
.maker-skills span{font-size:12px;font-weight:600;color:#C9C4B4;border:1px solid rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.02);transition:border-color .2s,color .2s}
.maker-skills span:hover{border-color:var(--ac,#D4A017);color:#E9C66B}
.maker-foot{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#7E7B70}
.maker-dot{width:7px;height:7px;border-radius:50%;background:#58D68D;box-shadow:0 0 0 3px rgba(88,214,141,.18)}

.makers-amp{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 12px;
  background:linear-gradient(165deg,#2A2A30,#1A1A1D);border:1px solid rgba(212,160,23,.3);
  box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.makers-amp span{font-family:Georgia,serif;font-size:26px;font-style:italic;color:#D4A017}

@media (max-width:767px){
  .makers-grid{grid-template-columns:1fr}
  .makers-amp{justify-self:center;margin:-14px 0}
  .maker{padding:40px 28px 32px}
}

/* ===== v9: compact header ===== */
.site-nav{padding:0;border-bottom:2px solid #6A6C74;box-shadow:0 6px 0 rgba(0,0,0,.28)}
.site-nav .container{min-height:50px}
.site-nav .navbar-brand{margin:0;padding:1px 12px;font-size:18px;box-shadow:3px 3px 0 #D4A017;border-color:#D4A017}
.site-nav .navbar-nav{gap:4px}
.site-nav .nav-link{padding:5px 14px;font-size:14px;border:2px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
.site-nav .nav-link:after{display:none}
.site-nav .nav-link:hover{border-color:#6A6C74;transform:translateY(-1px)}
.site-nav .nav-link.on{background:#D4A017;color:#1B1C20!important;border-color:#16171A;box-shadow:3px 3px 0 #16171A}
.site-nav .btn-sm{padding:4px 16px;font-size:14px}
.site-nav .navbar-toggler{padding:2px 8px;border:2px solid #6A6C74;border-radius:0}
.site-nav.sm{box-shadow:0 8px 22px rgba(0,0,0,.5)}
@media (max-width:991px){.site-nav .navbar-collapse{padding:8px 0 12px}}

/* ===== v10: logo mark + exclusive team cards ===== */
@keyframes blink{50%{opacity:0}}
.site-nav .navbar-brand.logo{display:flex;align-items:center;gap:12px;background:none;border:0;box-shadow:none;padding:0;margin:0;transform:none}
.logo:hover{transform:none}
.lm{position:relative;display:block;width:28px;height:28px;flex:none;margin-inline-end:6px}
.lm i{position:absolute;inset:0;border:2px solid #16171A;transition:transform .45s cubic-bezier(.2,.9,.3,1.4)}
.lm i:nth-child(1){background:#4A4C55;transform:translate(-7px,7px)}
.lm i:nth-child(2){background:#8A6A0C;transform:translate(-3.5px,3.5px)}
.lm i:nth-child(3){background:#D4A017;display:flex;align-items:center;justify-content:center;gap:2px;direction:ltr}
.lm i:nth-child(3)::before{content:">";font-weight:900;font-size:15px;line-height:1;color:#1B1C20}
.lm i:nth-child(3)::after{content:"";width:3px;height:13px;background:#1B1C20;animation:blink 1.1s steps(1) infinite}
.logo:hover .lm i:nth-child(1){transform:translate(-14px,14px) rotate(-9deg)}
.logo:hover .lm i:nth-child(2){transform:translate(-7px,7px) rotate(-4deg)}
.logo:hover .lm i:nth-child(3){transform:translate(2px,-2px)}
.lt{font-weight:900;font-size:20px;color:#E3B341;text-shadow:2px 2px 0 #16171A;display:flex;align-items:center;gap:5px}
.lt em{font-style:normal;background:#D4A017;color:#1B1C20;padding:0 8px;text-shadow:none;box-shadow:3px 3px 0 #16171A}



/* ===== v11: hero stack clean boxes, exclusive duo badge, red irdevmo theme, new footer ===== */

/* Hero orbit — a glowing core sphere with 3 real site cards revolving around it.
   Each card is counter-rotated by the exact same motion as the orbit, so it always stays level and readable. */
.orbit-wrap{position:relative;height:460px;perspective:1500px}
.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
  display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.core-txt{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:300;font-size:22px;letter-spacing:.04em;
  color:var(--tx,#E3B341);opacity:.92;text-shadow:0 2px 18px rgba(212,160,23,.35)}
.core-txt em{font-style:normal;font-weight:900;color:var(--y,#D4A017)}
@media (max-width:767px){.core-txt{font-size:17px}}
.orbit-ring{position:absolute;top:50%;left:50%;border-radius:50%;transform-style:preserve-3d;z-index:2}
.orbit-ring.r1{width:400px;height:400px;margin:-200px;border:6px solid var(--y);
  box-shadow:0 0 0 3px #0F0F12,inset 0 0 0 3px #0F0F12;
  transform:rotateX(72deg) rotateZ(28deg);animation:orbitRingSpin 18s linear infinite}
.orbit-ring.r2{width:310px;height:310px;margin:-155px;border:3px dashed #D4A017;
  transform:rotateX(72deg) rotateZ(-18deg);animation:orbitRingSpin 26s linear infinite reverse}
@keyframes orbitRingSpin{from{transform:rotateX(72deg) rotateZ(0)}to{transform:rotateX(72deg) rotateZ(360deg)}}
.orbit-path{position:absolute;inset:0;z-index:1;animation:orbitSpin 26s linear infinite}
.orbit-wrap:hover .orbit-path,.orbit-wrap:hover .orbit-slot .pcard{animation-play-state:paused}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.orbit-slot{position:absolute;top:50%;left:50%;width:0;height:0}
.orbit-slot:nth-child(1){transform:rotate(0deg) translateX(200px)}
.orbit-slot:nth-child(2){transform:rotate(120deg) translateX(200px)}
.orbit-slot:nth-child(3){transform:rotate(240deg) translateX(200px)}
.orbit-fix{position:absolute;top:0;left:0}
.orbit-slot:nth-child(1) .orbit-fix{transform:rotate(0deg)}
.orbit-slot:nth-child(2) .orbit-fix{transform:rotate(-120deg)}
.orbit-slot:nth-child(3) .orbit-fix{transform:rotate(-240deg)}
.orbit-slot .pcard{position:absolute;top:-58px;left:-82px;width:164px;height:auto;
  box-shadow:6px 7px 0 var(--k);animation:orbitCounter 26s linear infinite}
.orbit-slot .pimg{aspect-ratio:16/11}
@keyframes orbitCounter{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media (max-width:991px){
  .orbit-wrap{height:380px}
  .orbit-ring.r1{width:300px;height:300px;margin:-150px}
  .orbit-ring.r2{width:232px;height:232px;margin:-116px}
  .orbit-slot:nth-child(1){transform:rotate(0deg) translateX(148px)}
  .orbit-slot:nth-child(2){transform:rotate(120deg) translateX(148px)}
  .orbit-slot:nth-child(3){transform:rotate(240deg) translateX(148px)}
  .orbit-slot .pcard{width:126px;top:-44px;left:-63px}
}

/* Exclusive duo lockup above the makers cards */
.duo-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:999px;margin-bottom:30px;
  background:linear-gradient(90deg,rgba(212,160,23,.14),rgba(192,57,43,.14));border:1px solid rgba(255,255,255,.12);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.duo-name{font-weight:900;font-size:14px;direction:ltr}
.duo-name.gold{color:#D4A017}
.duo-name.red{color:#E0564A}
.duo-x{color:#7E7B70;font-style:italic;font-size:13px}
.duo-tag{font-size:11.5px;color:var(--dim);border-inline-start:1px solid rgba(255,255,255,.14);padding-inline-start:10px}
@media (max-width:480px){.duo-tag{display:none}}

/* irdevmo — dark red signature theme (cascades through badge, name, corners, glow via --ac) */
.maker:not(.alt){
  background:radial-gradient(120% 140% at 50% -10%,rgba(212,160,23,.1),transparent 55%),linear-gradient(175deg,#121B2C,#0A121F);
  border-color:rgba(212,160,23,.16)}
.maker:not(.alt):hover{border-color:rgba(212,160,23,.45);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 70px -28px rgba(0,0,0,.8),0 0 60px -20px rgba(212,160,23,.3)}

.maker.alt{--ac:#E0564A;
  background:radial-gradient(120% 140% at 50% -10%,rgba(192,57,43,.16),transparent 55%),linear-gradient(175deg,#2A1C1C,#180F0F);
  border-color:rgba(192,57,43,.22)}
.maker.alt:hover{border-color:rgba(192,57,43,.5);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 70px -28px rgba(0,0,0,.8),0 0 60px -20px rgba(192,57,43,.4)}
.maker.alt .maker-glow{background:radial-gradient(circle,rgba(192,57,43,.26),transparent 68%)}

/* Profile photo slot inside maker-badge (swap the <img src> in index.html to replace) */
.maker-badge{overflow:hidden}
.maker-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}

/* ----- Footer ----- */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#1A1A1E,#0E0E11);
  border-top:3px solid var(--y);padding-top:52px;margin-top:80px}
.footer-glow{position:absolute;top:-130px;left:50%;transform:translateX(-50%);width:620px;height:240px;
  background:radial-gradient(circle,rgba(212,160,23,.18),transparent 70%);pointer-events:none}
.footer-top{position:relative;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;
  padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-logo{pointer-events:none}
.footer-brand p{color:var(--dim);font-size:13.5px;line-height:1.9;margin:16px 0 0;max-width:280px}
.footer-col h4{font-size:12.5px;font-weight:900;color:#C2BFB3;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}
.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.footer-col a{color:var(--dim);text-decoration:none;font-size:13.5px;font-weight:600;transition:color .2s,padding-right .2s;display:inline-block}
.footer-col a:hover{color:var(--y);padding-right:4px}
.footer-bottom{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
  gap:10px;padding:18px 0 26px;font-size:12.5px;color:var(--dim)}
.footer-top-btn{background:transparent;border:2px solid var(--k);color:var(--dim);font-size:12px;font-weight:700;
  padding:6px 14px;cursor:pointer;transition:background .2s,color .2s}
.footer-top-btn:hover{background:var(--y);color:var(--ink,#17171A);border-color:var(--y)}
@media (max-width:767px){.footer-top{grid-template-columns:1fr;gap:26px}}