@font-face{font-family:Rajdhani;font-weight:600;font-display:swap;src:url(/fonts/rajdhani-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Rajdhani;font-weight:700;font-display:swap;src:url(/fonts/rajdhani-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}
:root{color-scheme:dark;--bg:#09070a;--bg2:#0f0b0d;--pan:#130e11;--pan2:#1a1317;--pan3:#231a1f;--line:#2b2025;--line2:#3a2b31;--tx:#efe9ea;--mut:#9b8b90;--acc:#d6283a;--acc2:#ff4357;--gold:#c9a24b;--ok:#3fbf7f;--warn:#e8a33d;--r:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 500px at 70% -10%,#2a0b10 0,transparent 60%),var(--bg);color:var(--tx);font:15px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit}.hidden{display:none!important}.grow{flex:1}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#000;padding:8px;z-index:99}
:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
h1,h2,h3,h4{font-family:Rajdhani,sans-serif;letter-spacing:.04em;margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(32px,6vw,56px)}h2{font-size:28px}h3{font-size:21px}
.note{color:var(--mut)}.note.small{font-size:12.5px}.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.wrap.narrow{max-width:640px;padding-top:60px}.sec{padding:34px 18px}
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 18px;height:60px;background:#0b080ae6;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc) 20%,var(--gold) 50%,transparent);opacity:.7}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{height:36px;filter:drop-shadow(0 0 10px #d6283a66)}.brand b{display:block;font:700 19px/1 Rajdhani,sans-serif;letter-spacing:.14em}.brand i{display:block;font:600 10.5px/1.2 Rajdhani,sans-serif;letter-spacing:.34em;color:var(--acc2);font-style:normal;margin-top:2px}
.links{display:flex;gap:2px;flex:1;justify-content:center;flex-wrap:nowrap;overflow:hidden}.links a{padding:8px 9px;border-radius:8px;text-decoration:none;color:var(--mut);font-weight:600;font-size:13.5px;white-space:nowrap}.links a:hover,.links a.on{color:#fff;background:var(--pan3)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line2);border-radius:8px;color:#fff;font-size:20px;padding:4px 10px}
.auth{display:flex;align-items:center;position:relative}.avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--acc);cursor:pointer;background:var(--pan3)}
.dd{position:absolute;right:0;top:44px;min-width:210px;background:var(--pan2);border:1px solid var(--line2);border-radius:var(--r);padding:6px;box-shadow:0 12px 40px #000c}.dd a,.dd button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--tx);padding:8px 10px;border-radius:7px;text-decoration:none;cursor:pointer;font:inherit}.dd a:hover,.dd button:hover{background:var(--pan3)}.dd .who{padding:8px 10px;color:var(--mut);font-size:13px;border-bottom:1px solid var(--line);margin-bottom:4px}
.btn{display:inline-block;background:var(--pan3);border:1px solid var(--line2);border-radius:9px;padding:9px 16px;font-weight:600;text-decoration:none;cursor:pointer;color:var(--tx);transition:.15s;font:600 14px Inter,sans-serif}.btn:hover{background:#2f2229;border-color:#4b3740;transform:translateY(-1px)}
.btn.pri{background:linear-gradient(180deg,#e0303f,#b01626);border-color:#ff5a68;box-shadow:0 4px 20px #d6283a40}.btn.pri:hover{filter:brightness(1.12)}.btn.sm{padding:5px 11px;font-size:13px}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.hero{position:relative;padding:90px 0 70px;overflow:hidden}.hero .wrap{position:relative;z-index:1}.hero h1{font-size:clamp(40px,8vw,84px);background:linear-gradient(180deg,#fff,#e8aab0);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.2em}
.eyebrow{color:var(--gold);letter-spacing:.3em;font:600 13px Rajdhani,sans-serif;margin:0 0 8px}.lead{max-width:620px;font-size:18px;color:#cfc3c6}.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-mark{position:absolute;right:4%;top:20px;height:92%;opacity:.16;filter:drop-shadow(0 0 40px #d6283a);pointer-events:none;animation:fl 7s ease-in-out infinite}@keyframes fl{50%{transform:translateY(-12px)}}
.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.sh a{color:var(--acc2);text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.grid.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{position:relative;background:linear-gradient(180deg,var(--pan2),var(--pan));border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:.18s}.card:hover{border-color:#5a2a33;transform:translateY(-2px);box-shadow:0 14px 40px #0008}
.card p{color:#c5babe;margin:.3em 0 .8em}.card.tool{display:flex;flex-direction:column}.card.tool .open{margin-top:auto;text-align:center}.ico{font-size:30px;margin-bottom:6px}
.fav{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--gold);font-size:20px;cursor:pointer}.fav.on{text-shadow:0 0 10px var(--gold)}
.meta{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.chip{display:inline-block;background:var(--bg2);border:1px solid var(--line2);border-radius:20px;padding:2px 10px;font-size:12px;color:var(--mut)}.chip.role{border-color:#5a2a33;color:#e9b5bb}.chip.st-online{color:var(--ok);border-color:#1f5a3d}.chip.st-maintenance{color:var(--warn);border-color:#6a4c1a}.chip.st-disabled{color:var(--acc2)}
.grid.list{grid-template-columns:1fr}.grid.list .card.tool{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.grid.list .card.tool .open{margin:0 0 0 auto}
.phead{padding:46px 0 6px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#160c10,transparent)}
.soon{border:1px dashed var(--line2);border-radius:var(--r);padding:26px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.soon b{font:700 22px Rajdhani;color:var(--gold);letter-spacing:.2em;text-transform:uppercase}.soon.big{padding:70px 20px}.soon.big img{height:90px;opacity:.9;filter:drop-shadow(0 0 20px #d6283a88)}.soon.big h2{color:var(--gold);letter-spacing:.3em;text-transform:uppercase}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #5a2a33;border-radius:var(--r);padding:26px;background:linear-gradient(90deg,#2a0b10,var(--pan))}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar input[type=search],select,input,textarea{background:var(--bg2);border:1px solid var(--line2);border-radius:9px;color:var(--tx);padding:9px 12px;font:inherit}.toolbar input[type=search]{flex:1;min-width:200px}
.seg{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:2px}.seg button{background:none;border:0;color:var(--mut);padding:6px 11px;border-radius:7px;cursor:pointer}.seg button.on{background:var(--pan3);color:#fff}.tick{color:var(--mut)}
.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:5px;color:var(--mut);font-size:13px}.hp{position:absolute;left:-9999px}
.member{text-align:center;align-items:center;display:flex;flex-direction:column}.member img,.av{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--acc);margin-bottom:8px}.av{display:grid;place-items:center;font:700 34px Rajdhani;background:var(--pan3)}
.foot{margin-top:50px;border-top:1px solid var(--line);background:var(--bg2);padding:30px 0}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.foot h4{color:var(--gold);letter-spacing:.2em;font-size:14px}.foot a{display:block;color:var(--mut);text-decoration:none;padding:2px 0}.foot a:hover{color:#fff}.copy{color:var(--mut);font-size:12.5px;margin-top:20px}
.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:60;padding:16px}.mbox{background:var(--pan2);border:1px solid #5a2a33;border-radius:14px;padding:28px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 70px #000}.mbox h2{color:var(--acc2);letter-spacing:.2em}.mbox .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.mbox .req{color:var(--gold);font-weight:600}
body.launch{overflow:hidden;height:100vh;display:flex;flex-direction:column}body.launch main{flex:1;display:flex;min-height:0}.launcher{flex:1;display:flex;flex-direction:column;min-width:0}.lbar{display:flex;gap:12px;align-items:center;padding:6px 14px;background:var(--bg2);border-bottom:1px solid var(--line)}.lbar .note{font-size:12px;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}iframe.tool{flex:1;border:0;width:100%;background:#09070a}
.tbl{width:100%;border-collapse:collapse}.tbl td,.tbl th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.msg{border-bottom:1px solid var(--line);padding:8px 0}code{background:var(--bg2);padding:1px 6px;border-radius:5px}
@media(max-width:1020px){.burger{display:block}.links{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;background:#0b080af5;padding:10px;border-bottom:1px solid var(--line)}.links.open{display:flex}.auth{margin-left:8px}.fgrid{grid-template-columns:1fr}.hero-mark{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.av0{display:grid;place-items:center;font:700 16px Rajdhani}

/* ═════ v2 — richer Dragon's Studio theme: glow, motion, spotlight cards ═════ */
:root{--glow:0 0 0 1px #ff435733,0 8px 34px #d6283a55;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:var(--bg);position:relative;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.5}
body::before{width:55vw;height:55vw;left:-18vw;top:-22vw;background:radial-gradient(circle,#b01626 0,transparent 65%);animation:orb1 18s ease-in-out infinite alternate}
body::after{width:45vw;height:45vw;right:-14vw;bottom:-18vw;background:radial-gradient(circle,#6a1a22 0,#c9a24b22 45%,transparent 70%);animation:orb2 22s ease-in-out infinite alternate}
@keyframes orb1{to{transform:translate(12vw,10vw) scale(1.15)}}@keyframes orb2{to{transform:translate(-10vw,-8vw) scale(1.2)}}
#fx{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.7}
main{animation:pin .55s var(--ease) both}@keyframes pin{from{opacity:0;transform:translateY(10px)}}

.nav{transition:.25s}.nav.sc{background:#0b080af7;box-shadow:0 8px 30px #000a}
.links a{position:relative;transition:color .2s}.links a:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--acc),var(--gold));transform:scaleX(0);transition:transform .3s var(--ease)}
.links a:hover:after,.links a.on:after{transform:scaleX(1)}.links a:hover,.links a.on{background:none}
.brand img{transition:.4s var(--ease)}.brand:hover img{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 0 16px #ff4357aa)}

/* buttons */
.btn{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;padding:11px 24px;letter-spacing:.02em;border:1px solid #4b3740;background:linear-gradient(180deg,#2a1d23,#1c1317);box-shadow:inset 0 1px 0 #ffffff12;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s,filter .25s}
.btn:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,#ffffff40,transparent);transform:skewX(-20deg);transition:left .6s var(--ease);z-index:-1}
.btn:hover{transform:translateY(-2px);border-color:#ff435799;box-shadow:0 8px 26px #d6283a40,inset 0 1px 0 #ffffff1c;background:linear-gradient(180deg,#34232b,#1f1519)}.btn:hover:after{left:130%}.btn:active{transform:translateY(0) scale(.97)}
.btn.pri{background:linear-gradient(180deg,#f2394a,#b01626 60%,#8f0f1d);border:1px solid #ff6b78;box-shadow:var(--glow),inset 0 1px 0 #ffffff55;text-shadow:0 1px 0 #0006;animation:pulse 3.2s ease-in-out infinite}
.btn.pri:hover{filter:brightness(1.12);box-shadow:0 0 0 1px #ff6b78,0 10px 40px #ff435788,inset 0 1px 0 #ffffff66;animation:none}
@keyframes pulse{50%{box-shadow:0 0 0 1px #ff435755,0 8px 44px #d6283a99,inset 0 1px 0 #ffffff55}}
.btn.sm{padding:6px 15px}.cta .btn:not(.pri):after{opacity:.6}
.btn .ar{display:inline-block;margin-left:8px;transition:transform .25s var(--ease)}.btn:hover .ar{transform:translateX(4px)}

/* hero */
.hero{padding:110px 0 90px}.hero>.wrap>*{animation:up .8s var(--ease) both}.hero .eyebrow{animation-delay:.05s}.hero h1{animation-delay:.15s}.hero .lead{animation-delay:.3s}.hero .cta{animation-delay:.45s}
@keyframes up{from{opacity:0;transform:translateY(26px)}}
.hero h1{background:linear-gradient(100deg,#fff 0,#ffd6da 30%,#ff4357 50%,#ffd6da 70%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:up .8s var(--ease) .15s both,shine 7s linear 1s infinite;text-shadow:none;filter:drop-shadow(0 4px 30px #d6283a55)}
@keyframes shine{to{background-position:-250% 0}}
.eyebrow{display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--acc),var(--gold))}
.hero-mark{opacity:.3;right:6%;filter:drop-shadow(0 0 50px #ff4357) drop-shadow(0 0 120px #d6283a);animation:fl 7s ease-in-out infinite}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d6283a77,#c9a24b66,transparent)}

/* section headings */
.sh h2,.phead h1{position:relative;padding-left:16px}.sh h2:before,.phead h1:before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--acc2),var(--gold));box-shadow:0 0 14px #ff435788}
.phead{background:linear-gradient(180deg,#1d0c11cc,transparent);padding:60px 0 14px}

/* cards: spotlight + tilt */
.card{--mx:50%;--my:0%;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#1c1418cc,#120d10cc);backdrop-filter:blur(6px);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;will-change:transform}
.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),#ff435722,transparent 55%);opacity:0;transition:opacity .3s}
.card:hover{border-color:#7a2a36;box-shadow:0 18px 50px #000a,0 0 0 1px #ff43572a,0 0 40px #d6283a22;transform:translateY(-5px)}.card:hover:before{opacity:1}
.card.tool .ico{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;font-size:28px;background:linear-gradient(145deg,#3a1118,#1a0d11);border:1px solid #7a2a3688;box-shadow:0 0 24px #d6283a44,inset 0 1px 0 #ffffff18;transition:transform .4s var(--ease)}.card.tool:hover .ico{transform:rotate(-8deg) scale(1.1)}
.card.tool h3{margin-top:10px}.chip{background:#ffffff08;transition:.2s}.chip:hover{border-color:#ff435777;color:#fff}
.fav{transition:transform .25s var(--ease)}.fav:hover{transform:scale(1.35) rotate(12deg)}
.card.tool .open{margin-top:16px}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.rv.in.card:hover{transform:translateY(-5px)}.rv.in.card{transition:opacity .7s var(--ease),transform .35s var(--ease),border-color .3s,box-shadow .35s}

.soon{background:repeating-linear-gradient(135deg,#ffffff05 0 14px,transparent 14px 28px),#130e1188;border-radius:16px;border:1px dashed #6a2a35;position:relative}
.soon.big{padding:90px 20px}.soon.big img{animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 0 30px #ff4357)}
.soon.big h2{background:linear-gradient(90deg,var(--gold),#fff1c4,var(--gold));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite;padding:0}.soon.big h2:before{display:none}
.cta-band{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#3a0f16,#160d11 60%);border:1px solid #7a2a36;box-shadow:0 0 50px #d6283a22}
.cta-band:before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(#ff435755,transparent 70%);animation:fl 6s ease-in-out infinite}
input,select,textarea{transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff4357;box-shadow:0 0 0 3px #ff435722}
.mbox{animation:pop .35s var(--ease);border-radius:20px;box-shadow:0 0 60px #d6283a33,0 20px 70px #000}@keyframes pop{from{opacity:0;transform:scale(.92) translateY(14px)}}
.foot{background:linear-gradient(180deg,transparent,#0a0709 40%);border-top:1px solid #2b2025;position:relative}.foot:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),var(--gold),transparent)}
.foot a{transition:.2s}.foot a:hover{color:var(--acc2);transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}#fx{display:none}}
@media(max-width:700px){.hero{padding:70px 0 50px}.btn{padding:10px 20px}}

/* subpages */
.crumb{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}.crumb a{text-decoration:none;color:var(--mut)}.crumb a:hover{color:var(--acc2)}.crumb span{color:var(--acc);margin:0 4px}
.ph{display:flex;align-items:center;gap:20px}.phi{width:76px;height:76px;flex:none;display:grid;place-items:center;font-size:36px;border-radius:22px;background:linear-gradient(145deg,#4a1219,#1a0d11);border:1px solid #7a2a36;box-shadow:0 0 36px #d6283a55,inset 0 1px 0 #ffffff20;animation:fl 6s ease-in-out infinite}.phi:empty{display:none}
.lead.sm{font-size:16px;margin:.2em 0 0;max-width:640px}.phead h1{font-size:clamp(30px,5vw,48px);margin:0}.phead h1:before{display:none}.phead{padding:44px 0 28px;border-bottom:1px solid #2b2025;position:relative}.phead:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),var(--gold),transparent)}
.card.num:after{content:attr(data-n);position:absolute;right:16px;top:6px;font:700 54px Rajdhani;color:#ffffff0b;letter-spacing:.05em}
.card.go{display:block;text-decoration:none;cursor:pointer;padding:24px}.card.go .ico{width:54px;height:54px;display:grid;place-items:center;font-size:26px;border-radius:15px;background:linear-gradient(145deg,#3a1118,#1a0d11);border:1px solid #7a2a3688;box-shadow:0 0 22px #d6283a44;margin-bottom:10px;transition:transform .4s var(--ease)}.card.go:hover .ico{transform:rotate(-8deg) scale(1.12)}.card.go .more{color:var(--acc2);font-weight:600;display:inline-block;transition:transform .25s var(--ease)}.card.go:hover .more{transform:translateX(6px)}
.ico.sq{width:50px;height:50px;display:grid;place-items:center;font-size:24px;border-radius:14px;background:linear-gradient(145deg,#3a1118,#1a0d11);border:1px solid #7a2a3688;box-shadow:0 0 20px #d6283a33;margin-bottom:8px}
@media(max-width:600px){.ph{gap:14px}.phi{width:56px;height:56px;font-size:26px;border-radius:16px}}

/* logged-in user chip */
.uchip{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#2a1d23,#1a1216);border:1px solid #5a2a33;border-radius:999px;padding:4px 14px 4px 4px;cursor:pointer;color:var(--tx);transition:.25s var(--ease);box-shadow:0 0 0 1px #ff435711}.uchip:hover{border-color:#ff4357aa;box-shadow:0 6px 26px #d6283a44;transform:translateY(-1px)}
.uav{position:relative;width:38px;height:38px;flex:none}.uav img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--acc);background:var(--pan3);display:block;box-shadow:0 0 14px #d6283a66}
.uav .dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--warn);border:2px solid #1a1216}.uav .dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.utx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;max-width:150px}.utx b{font:600 14px Rajdhani,sans-serif;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.utx small{font-size:11px;color:var(--gold);letter-spacing:.04em}
.chev{color:var(--mut);font-size:11px;transition:transform .25s}.uchip[aria-expanded=true] .chev{transform:rotate(180deg)}
.dd{top:52px;min-width:240px;border-radius:16px;animation:pop .25s var(--ease);box-shadow:0 18px 60px #000e,0 0 30px #d6283a22}.dd .who{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.dd .who img{width:46px;height:46px;border-radius:50%;border:2px solid var(--acc)}.dd .who b{color:#fff;font:600 16px Rajdhani}.dd .who span{color:var(--gold);font-size:12px}.dd a.out{color:var(--acc2)}
@media(max-width:640px){.utx{display:none}.uchip{padding:3px 8px 3px 3px}}

/* dashboard */
.dash .pv{display:flex;gap:16px;align-items:center;margin:10px 0 14px}.dash .pv img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid var(--acc);box-shadow:0 0 30px #d6283a66;background:var(--pan3)}.dash .pv b{font:700 22px Rajdhani;letter-spacing:.04em}
.dash .row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.fl{display:flex;flex-direction:column;gap:5px;color:var(--mut);font-size:13px;margin-top:10px}.tbl.acc td{vertical-align:middle;padding:9px 6px}

/* ═════ theme toggle + LIGHT mode ═════ */
.tbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--pan3);color:var(--tx);font-size:17px;cursor:pointer;transition:.25s var(--ease);flex:none}.tbtn:hover{border-color:var(--acc2);transform:rotate(20deg) scale(1.08);box-shadow:0 0 18px #d6283a44}
:root{--navbg:#0b080af2;--cardA:#1c1418cc;--cardB:#120d10cc;--btnA:#2a1d23;--btnB:#1c1317;--btnAh:#34232b;--btnBh:#1f1519;--h1a:#fff;--h1b:#ffd6da;--goldt:#c9a24b;--linkr:#ff4357;--okc:#3fbf7f;--warnc:#e8a33d;--orb:.5}
[data-theme=light]{color-scheme:light;--bg:#f6f1f2;--bg2:#ece3e6;--pan:#ffffff;--pan2:#faf6f7;--pan3:#efe6e9;--line:#e0d3d7;--line2:#cdbcc2;--tx:#241a1d;--mut:#5f4e54;--acc:#c4182b;--acc2:#c4182b;--gold:#8a6612;--ok:#16794a;--warn:#9a5d00;
  --navbg:#fffffff2;--cardA:#ffffffee;--cardB:#fbf6f7ee;--btnA:#ffffff;--btnB:#f1e8eb;--btnAh:#fff;--btnBh:#f6ecef;--h1a:#241a1d;--h1b:#8f1424}
[data-theme=light] body{background:var(--bg);color:var(--tx)}
[data-theme=light] body::before{opacity:.22}[data-theme=light] body::after{opacity:.18}[data-theme=light] #fx{opacity:.35}
[data-theme=light] .nav{background:var(--navbg)}[data-theme=light] .nav.sc{background:#fffffffa;box-shadow:0 8px 28px #3a1a2022}
[data-theme=light] .brand b{color:#241a1d}[data-theme=light] .brand i{color:#c4182b}
[data-theme=light] .links a{color:#5f4e54}[data-theme=light] .links a:hover,[data-theme=light] .links a.on{color:#241a1d}
[data-theme=light] .links{background:none}
[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:#241a1d}
[data-theme=light] .hero h1{background:linear-gradient(100deg,#241a1d 0,#8f1424 30%,#d6283a 50%,#8f1424 70%,#241a1d 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px #d6283a22)}
[data-theme=light] .lead,[data-theme=light] .card p{color:#4a3b40}
[data-theme=light] .note{color:#5f4e54}
[data-theme=light] .eyebrow{color:#8a6612}
[data-theme=light] .hero-mark{opacity:.14;filter:drop-shadow(0 0 30px #d6283a66)}
[data-theme=light] .card{background:linear-gradient(180deg,var(--cardA),var(--cardB));border-color:var(--line);box-shadow:0 4px 18px #3a1a2012}
[data-theme=light] .card:hover{border-color:#d6283a88;box-shadow:0 18px 44px #3a1a2030,0 0 0 1px #d6283a33}
[data-theme=light] .card:before{background:radial-gradient(420px circle at var(--mx) var(--my),#d6283a1a,transparent 55%)}
[data-theme=light] .card.num:after{color:#24141808}
[data-theme=light] .ico,[data-theme=light] .card.tool .ico,[data-theme=light] .card.go .ico,[data-theme=light] .ico.sq,[data-theme=light] .phi{background:linear-gradient(145deg,#ffe7ea,#fff);border-color:#e8a9b1;box-shadow:0 0 18px #d6283a2a}
[data-theme=light] .btn{background:linear-gradient(180deg,var(--btnA),var(--btnB));color:#241a1d;border-color:#cdbcc2;box-shadow:0 1px 0 #fff inset,0 2px 8px #3a1a2014}
[data-theme=light] .btn:hover{background:linear-gradient(180deg,var(--btnAh),var(--btnBh));border-color:#c4182b;box-shadow:0 8px 22px #d6283a33}
[data-theme=light] .btn:after{background:linear-gradient(100deg,transparent,#ffffffaa,transparent)}
[data-theme=light] .btn.pri{background:linear-gradient(180deg,#e0303f,#b01626 60%,#8f0f1d);color:#fff;border-color:#a3121f}
[data-theme=light] .chip{background:#f3eaed;color:#5f4e54;border-color:#d8c7cd}[data-theme=light] .chip:hover{color:#241a1d;border-color:#c4182b}
[data-theme=light] .chip.role{background:#fdecee;color:#8f1424;border-color:#e8a9b1}
[data-theme=light] .chip.st-online{background:#e6f6ee;color:#16794a;border-color:#a6dcc2}[data-theme=light] .chip.st-maintenance{background:#fff3df;color:#8a5200;border-color:#ecc88a}[data-theme=light] .chip.st-disabled{background:#fdecee;color:#a3121f;border-color:#e8a9b1}
[data-theme=light] .fav{color:#8a6612}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff;color:#241a1d;border-color:#cdbcc2}
[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#8a777d}
[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#c4182b;box-shadow:0 0 0 3px #c4182b22}
[data-theme=light] .seg{background:#fff;border-color:var(--line2)}[data-theme=light] .seg button{color:#5f4e54}[data-theme=light] .seg button.on{background:#f3eaed;color:#241a1d}
[data-theme=light] .tick,[data-theme=light] .form label,[data-theme=light] .fl{color:#5f4e54}
[data-theme=light] .sh a{color:#c4182b}
[data-theme=light] .phead{background:linear-gradient(180deg,#fbe9ec,transparent);border-color:var(--line)}
[data-theme=light] .crumb,[data-theme=light] .crumb a{color:#5f4e54}[data-theme=light] .crumb a:hover{color:#c4182b}
[data-theme=light] .soon{background:repeating-linear-gradient(135deg,#24141806 0 14px,transparent 14px 28px),#ffffffaa;border-color:#e0a2ab}
[data-theme=light] .soon b{color:#8a6612}
[data-theme=light] .soon.big h2{background:linear-gradient(90deg,#8a6612,#c49a2a,#8a6612);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=light] .cta-band{background:linear-gradient(110deg,#fde4e8,#fff 70%);border-color:#e8a9b1;box-shadow:0 8px 30px #d6283a1a}
[data-theme=light] .uchip{background:linear-gradient(180deg,#fff,#f4eaed);border-color:#e0a2ab;color:#241a1d}[data-theme=light] .utx small{color:#8a6612}[data-theme=light] .chev{color:#5f4e54}[data-theme=light] .uav .dot{border-color:#fff}
[data-theme=light] .dd{background:#fff;border-color:#e0d3d7;box-shadow:0 18px 50px #3a1a2035}[data-theme=light] .dd a,[data-theme=light] .dd button{color:#241a1d}[data-theme=light] .dd a:hover,[data-theme=light] .dd button:hover{background:#f3eaed}[data-theme=light] .dd .who b{color:#241a1d}[data-theme=light] .dd .who span{color:#8a6612}[data-theme=light] .dd a.out{color:#c4182b}
[data-theme=light] .modal{background:#2a171c88}[data-theme=light] .mbox{background:#fff;border-color:#e8a9b1;color:#241a1d}[data-theme=light] .mbox h2{color:#c4182b}[data-theme=light] .mbox .req{color:#8a6612}
[data-theme=light] .foot{background:linear-gradient(180deg,transparent,#efe4e7 40%);border-color:var(--line)}[data-theme=light] .foot h4{color:#8a6612}[data-theme=light] .foot a,[data-theme=light] .copy{color:#5f4e54}[data-theme=light] .foot a:hover{color:#c4182b}
[data-theme=light] .lbar{background:#fff;border-color:var(--line)}[data-theme=light] iframe.tool{background:#f6f1f2}
[data-theme=light] .tbl td,[data-theme=light] .tbl th{border-color:var(--line)}[data-theme=light] code{background:#f3eaed;color:#8f1424}
[data-theme=light] .burger{color:#241a1d;border-color:#cdbcc2}[data-theme=light] .links.open,[data-theme=light] .links{--x:0}
@media(max-width:1020px){[data-theme=light] .links{background:#fffffff7;border-color:var(--line)}}
[data-theme=light] .dash .pv img{box-shadow:0 0 22px #d6283a44}
[data-theme=light] .btn.pri:hover{background:linear-gradient(180deg,#f2394a,#b01626 60%,#8f0f1d);color:#fff;border-color:#a3121f}

/* contrast fixes */
.btn.pri,.btn.pri:hover{color:#fff;background:linear-gradient(180deg,#dc2c3d,#ae1425 60%,#8f0f1d)}
.btn.pri .ar{color:#fff}.crumb span{color:var(--acc2)}
[data-theme=light]{--gold:#745308}
[data-theme=light] .eyebrow,[data-theme=light] .foot h4,[data-theme=light] .utx small,[data-theme=light] .dd .who span,[data-theme=light] .mbox .req,[data-theme=light] .soon b,[data-theme=light] .fav{color:#745308}
[data-theme=light] .btn.pri,[data-theme=light] .btn.pri:hover{background:linear-gradient(180deg,#dc2c3d,#ae1425 60%,#8f0f1d);color:#fff}
::placeholder{color:#9b8b90;opacity:1}[data-theme=light] ::placeholder{color:#6a5a60;opacity:1}
[data-theme=light] .toolbar input[type=search],[data-theme=light] .toolbar select{background:#fff;color:#241a1d}
.chip{white-space:nowrap}

/* ═════ v3 — matches the Dragon's Studio Tebex store: serif wordmark, flat red, chamfered buttons, big hero ═════ */
@font-face{font-family:'Playfair Display';font-weight:700;font-display:swap;src:url(/fonts/playfair-display-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-weight:900;font-display:swap;src:url(/fonts/playfair-display-latin-900-normal.woff2) format('woff2')}
:root{--bg:#060606;--acc:#d9001e;--acc2:#ff3b52;--serif:'Playfair Display','Times New Roman',serif;--cut:12px}
[data-theme=light]{--acc:#c4001b;--acc2:#c4001b}
body::before{opacity:.32}body::after{opacity:.3}
/* nav */
.nav{height:66px;background:#0a0a0af5;border-bottom:1px solid #1d1d1d;gap:22px}.nav:after{opacity:.0}
.brand{gap:12px}.brand img{height:42px;filter:drop-shadow(0 0 12px #d9001e88)}
.wm{font:700 26px/1 var(--serif);letter-spacing:.01em;color:#fff;white-space:nowrap}
.links{justify-content:flex-start;gap:4px}.links a{font:500 16.5px Rajdhani,sans-serif;letter-spacing:.02em;color:#9a9a9a;padding:8px 9px}
.links a:hover,.links a.on{color:#fff}.links a:after{left:9px;right:9px;bottom:0;height:2px;background:#d9001e;border-radius:0}
.tbtn,.burger{width:40px;height:40px;border-radius:10px;border:1px solid #232323;background:#121212;color:#fff;font-size:16px;display:grid;place-items:center;padding:0}.tbtn:hover,.burger:hover{border-color:#d9001e;background:#1a1a1a;transform:none;box-shadow:none}
.auth{margin-left:2px}
/* chamfered buttons (corners cut top-right + bottom-left like the store) */
.btn{border-radius:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));padding:13px 28px;font:700 15px Rajdhani,sans-serif;letter-spacing:.04em;text-transform:uppercase;background:#0a0a0a;border:0;box-shadow:inset 0 0 0 1px #3b3b3b;color:#fff;animation:none!important;text-shadow:none}
.btn:after{display:none}.btn:hover{background:#151515;box-shadow:inset 0 0 0 1px #d9001e;transform:translateY(-2px);color:#fff}
.btn.pri,.btn.pri:hover{background:#d9001e;box-shadow:none;color:#fff;border:0}.btn.pri:hover{background:#ff1f3d;transform:translateY(-2px)}
.btn.sm{--cut:8px;padding:8px 16px;font-size:13.5px}.btn .ar{margin-left:8px}
.btn:active{transform:scale(.97)}
[data-theme=light] .btn{background:#fff;color:#1a1114;box-shadow:inset 0 0 0 1px #bfaab1}[data-theme=light] .btn:hover{background:#fff1f3;box-shadow:inset 0 0 0 1px #c4001b;color:#1a1114}
[data-theme=light] .btn.pri,[data-theme=light] .btn.pri:hover{background:#c4001b;color:#fff;box-shadow:none}[data-theme=light] .btn.pri:hover{background:#e0001f}
/* hero */
.hero2{position:relative;min-height:calc(100vh - 66px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(900px 600px at 78% 45%,#6a0010aa,transparent 70%),radial-gradient(500px 400px at 10% 100%,#3a000822,transparent 70%)}
.hero2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d9001e88,transparent)}
.hx{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;width:100%;position:relative;z-index:1;padding-top:30px;padding-bottom:50px}
.hl>*{animation:up .8s var(--ease) both}.hl h1{animation-delay:.1s}.hl .forge{animation-delay:.25s}.hl .lead{animation-delay:.38s}.hl .cta{animation-delay:.5s}
h1.serif{font:900 clamp(54px,9.2vw,132px)/.98 var(--serif);letter-spacing:.01em;margin:0 0 .12em;color:#fff;text-shadow:0 6px 50px #d9001e55;background:none;-webkit-text-fill-color:#fff;filter:none}
.forge{font:700 clamp(18px,2.4vw,32px)/1.2 var(--serif);letter-spacing:.06em;color:#d9001e;margin:0 0 14px}
.hl .lead{font:500 19px/1.55 Rajdhani,sans-serif;color:#e6e6e6;max-width:560px;letter-spacing:.01em}
.hl .cta{margin-top:26px;gap:12px}
.hr{position:relative;display:grid;place-items:center;min-height:440px}
.disc{position:absolute;width:min(520px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#e0001f,#a30016 70%);box-shadow:0 0 120px #d9001e66,inset 0 0 60px #00000055;animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.04);box-shadow:0 0 160px #d9001e88,inset 0 0 60px #00000055}}
.hgif{position:relative;width:min(560px,100%);height:auto;filter:drop-shadow(0 20px 40px #000a);animation:fl 7s ease-in-out infinite}
[data-theme=light] .hero2{background:radial-gradient(900px 600px at 78% 45%,#ffc4cc99,transparent 70%)}
[data-theme=light] h1.serif{color:#1a1114;-webkit-text-fill-color:#1a1114;text-shadow:none}[data-theme=light] .forge{color:#c4001b}[data-theme=light] .hl .lead{color:#3d2f34}
/* page titles + headings in the same serif */
.phead h1,.sh h2{font-family:var(--serif);font-weight:700;letter-spacing:.01em}.phead h1{font-size:clamp(30px,4.6vw,46px)}.sh h2{font-size:30px}
.sh h2:before,.phead h1:before{background:#d9001e;box-shadow:none}
.phead{background:linear-gradient(180deg,#1a0508cc,transparent)}[data-theme=light] .phead{background:linear-gradient(180deg,#ffe3e7,transparent)}
.soon.big h2{font-family:var(--serif);letter-spacing:.2em}
.phi{border-radius:12px}.ico,.card.tool .ico,.card.go .ico,.ico.sq{border-radius:12px}
.card{border-radius:6px;background:linear-gradient(180deg,#111,#0b0b0b);border-color:#222}[data-theme=light] .card{background:#fff;border-color:#e0d3d7}
.card:hover{border-color:#d9001e99}
.cta-band{border-radius:6px;background:linear-gradient(110deg,#2a0008,#0b0b0b 65%);border-color:#4a0010}[data-theme=light] .cta-band{background:linear-gradient(110deg,#ffe3e7,#fff 70%);border-color:#e8a9b1}
.uchip{border-radius:10px;background:#121212;border-color:#2a2a2a}.uchip:hover{border-color:#d9001e}[data-theme=light] .uchip{background:#fff;border-color:#cdbcc2}
.mbox{border-radius:8px}.dd{border-radius:8px}.foot .wm{font-size:22px}
@media(max-width:1180px){.burger{display:grid;margin-left:auto}.links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#0a0a0afa;padding:10px;border-bottom:1px solid #1d1d1d}.links.open{display:flex}[data-theme=light] .links{background:#fffffffa}}
@media(max-width:900px){.hx{grid-template-columns:1fr;text-align:left}.hr{min-height:320px;order:-1}.hgif{width:min(380px,90%)}.hero2{min-height:auto}h1.serif{font-size:clamp(46px,14vw,90px)}.wm{font-size:21px}.brand img{height:34px}}
[data-theme=light] .wm{color:#1a1114}[data-theme=light] .tbtn,[data-theme=light] .burger{background:#fff;border-color:#cdbcc2;color:#1a1114}[data-theme=light] .links a{color:#5a4a50}[data-theme=light] .links a:hover,[data-theme=light] .links a.on{color:#1a1114}[data-theme=light] .links a:after{background:#c4001b}
.btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #d9001e}[data-theme=light] .btn:focus-visible{box-shadow:inset 0 0 0 2px #1a1114,inset 0 0 0 4px #c4001b}
.burger{display:none}@media(max-width:1180px){.burger{display:grid}}
.disc{background:radial-gradient(circle at 50% 38%,#ff7d89 0,#ee1b36 55%,#c4001b 100%);box-shadow:0 0 120px #d9001e77,inset 0 0 70px #7a000f66}
.hgif{filter:drop-shadow(0 14px 22px #00000066)}
[data-theme=light]{--bg:#f6f1f2}
.burger{flex:none}
@media(max-width:600px){.nav{gap:10px;padding:0 12px}.wm{font-size:17px}.brand img{height:30px}.brand{gap:8px}.auth .btn{padding:8px 12px;font-size:12px;--cut:7px}.tbtn,.burger{width:36px;height:36px}.hero2 .cta .btn{flex:1 1 100%;text-align:center}.hl .cta{flex-direction:column;align-items:stretch}}
@media(max-width:360px){.wm{display:none}}
@media(max-width:600px){.hsm{display:none}}
.forge{font-size:clamp(19px,2.4vw,32px)}

/* v4: no burger (links become a scroll strip), no disc behind hero logo, aligned card buttons, tool thumbnails, maintenance state */
.burger{display:none!important}
.nav{flex-wrap:wrap;height:auto;min-height:66px;row-gap:0}
@media(max-width:1180px){.links{display:flex!important;position:static;order:3;flex:0 0 100%;width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;background:none!important;padding:0 0 6px;border:0;justify-content:flex-start;scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links a{flex:none}.auth{margin-left:auto}.brand{padding:8px 0}.nav{padding-bottom:0}}
.disc{display:none}.hgif{width:min(600px,100%);filter:brightness(1.45) saturate(1.25) drop-shadow(0 0 28px #ff2a45cc) drop-shadow(0 0 80px #d9001e99)}
.hero2{background:radial-gradient(800px 600px at 76% 45%,#7a0012cc,transparent 70%),radial-gradient(500px 400px at 10% 100%,#3a000822,transparent 70%)}
[data-theme=light] .hgif{filter:drop-shadow(0 14px 26px #c4001b55)}
.grid.tools{align-items:stretch}
.card.tool{padding:0;display:flex;flex-direction:column}
.card.tool .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #2a0a10;background:#0a0708}.card.tool .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.card.tool:hover .thumb img{transform:scale(1.06)}
.card.tool .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#0b0b0b99)}
.card.tool .tb{padding:18px 20px 0;flex:1;display:flex;flex-direction:column}
.card.tool .tb h3{font-family:var(--serif);font-weight:700;font-size:22px;margin-top:0}
.card.tool .tb .meta:last-of-type{margin-bottom:6px}
.card.tool>.open{margin:16px 20px 20px;text-align:center}
.card.tool .fav{z-index:2;top:12px;right:14px;background:#000a;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:17px}
.card.tool.off .thumb img{filter:grayscale(.85) brightness(.6)}
.btn.dis{cursor:not-allowed;opacity:.8;background:#1a1a1a;box-shadow:inset 0 0 0 1px #5a4a1a;color:#e8c27a}.btn.dis:hover{transform:none;background:#1a1a1a;box-shadow:inset 0 0 0 1px #5a4a1a}
[data-theme=light] .btn.dis{background:#fff3df;color:#8a5200;box-shadow:inset 0 0 0 1px #ecc88a}[data-theme=light] .btn.dis:hover{background:#fff3df;box-shadow:inset 0 0 0 1px #ecc88a;color:#8a5200}
.grid.list .card.tool{flex-direction:row}.grid.list .card.tool .thumb{width:240px;flex:none;aspect-ratio:auto;border-bottom:0;border-right:1px solid #2a0a10}.grid.list .card.tool .tb{padding:14px 18px}.grid.list .card.tool>.open{align-self:center;margin:0 18px 0 0;flex:none}
@media(max-width:700px){.grid.list .card.tool{flex-direction:column}.grid.list .card.tool .thumb{width:100%;aspect-ratio:16/9;border-right:0}.grid.list .card.tool>.open{margin:12px 20px 20px;align-self:stretch}}
.tseg{flex-wrap:wrap}.tseg button{padding:8px 14px}.tseg button.on.online{background:#0f3b27;color:#6ee2a4}.tseg button.on.maintenance{background:#4a3208;color:#ffd27a}.tseg button.on.disabled{background:#4a0d16;color:#ff8a98}
[data-theme=light] .tseg button.on.online{background:#e6f6ee;color:#16794a}[data-theme=light] .tseg button.on.maintenance{background:#fff3df;color:#8a5200}[data-theme=light] .tseg button.on.disabled{background:#fdecee;color:#a3121f}
[data-theme=light] .card.tool .fav{background:#fffffff2;color:#745308;box-shadow:0 1px 6px #0003}

/* ═════ v5: clean hero, icon-only nav brand, compact footer, team, portfolio, admin lists ═════ */
.brand img{height:46px}
.hero2,[data-theme=light] .hero2{background:none}
.hgif,[data-theme=light] .hgif{filter:none;animation:none}
.hero2.abouth{min-height:calc(100vh - 220px)}
.abouth .bar{display:block;width:56px;height:4px;background:#d9001e;margin-bottom:18px}
.abouth h1.serif{font-size:clamp(38px,5.4vw,68px);line-height:1.04;margin:0 0 18px}
.abouth .lead{max-width:560px;margin-bottom:26px}
.fgrid{grid-template-columns:1.4fr 2fr 1fr;align-items:start}
.flinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.flinks a,.foot .fgrid>div>a{display:block;padding:3px 0}
.foot{padding:22px 0 14px;margin-top:30px}.foot h4{margin:0 0 8px}.foot .copy{margin:14px 0 0}
@media(max-width:700px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}
.grid.g4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.member{padding:26px 18px}.member img,.member .av{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid #d9001e;margin-bottom:12px}
.member .av{display:grid;place-items:center;font:700 40px var(--serif);background:#1a0a0e;color:#fff}
.member h3{margin:.2em 0 .4em}
.pf{columns:3 300px;column-gap:16px}
.pf figure,.pf a.pfi{margin:0 0 16px;break-inside:avoid;position:relative;display:block;border:1px solid #2a1a1f;border-radius:6px;overflow:hidden;background:#0b0b0b;cursor:zoom-in;transition:transform .3s var(--ease),border-color .3s}
.pf .pfi img{display:block;width:100%;height:auto;transition:transform .5s var(--ease)}
.pf .pfi:hover,.pf .pfi:focus-visible{border-color:#d9001e;transform:translateY(-3px);outline:0}.pf .pfi:hover img{transform:scale(1.04)}
.pf .pfi figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,#000d);color:#fff;font:600 15px Rajdhani,sans-serif;letter-spacing:.04em;opacity:0;transition:.25s}
.pf .pfi:hover figcaption,.pf .pfi:focus-visible figcaption{opacity:1}.pf .pfi figcaption:empty{display:none}
.pf.pf-home{columns:unset;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pf.pf-home .pfi{margin:0;aspect-ratio:16/10;cursor:pointer}.pf.pf-home .pfi img{height:100%;object-fit:cover}
@media(max-width:700px){.pf.pf-home{grid-template-columns:1fr 1fr}}
[data-theme=light] .pf .pfi{border-color:#e0d3d7;background:#fff}
.lbx{position:fixed;inset:0;z-index:100;background:#000e;display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}.lbx.on{display:flex}
.lbx img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:4px}.lbx .lc{color:#fff;margin-top:12px;font:600 17px Rajdhani,sans-serif;min-height:22px}
.lbx button{position:absolute;background:#d9001e;color:#fff;border:0;width:44px;height:44px;font-size:24px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.lbx .lx{top:18px;right:18px}.lbx .lp{left:18px;top:50%}.lbx .ln{right:18px;top:50%}
.adm .frow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 4px}.adm input:not([type=file]){background:var(--bg2);border:1px solid var(--line);color:var(--fg,#fff);padding:9px 12px;border-radius:6px;min-width:160px}
.adm input[type=file]{max-width:260px;color:var(--mut)}
.alist{display:grid;gap:8px;margin-top:14px}.arow{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.arow img,.arow .av.sm{width:40px;height:40px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#1a0a0e}.arow .del{margin-left:auto}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px}.athumb{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding-bottom:8px}.athumb img{width:100%;aspect-ratio:16/10;object-fit:cover}.athumb span{padding:0 8px;font-size:13px;color:var(--mut);min-height:18px}.athumb .del{margin:0 8px}
.btn.del.sure{background:#d9001e;color:#fff}
body::before,body::after{display:none!important}
body,[data-theme=light] body{background:var(--bg)}
.hero2:after{display:none}
.grid.g3.six{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.grid.g3.six{grid-template-columns:1fr}}
/* v6: centered nav tabs, gif brand, About like the store, photo grid */
.nav .brand{flex:1 1 0;min-width:0}.nav .brand img{height:56px;width:auto}
.nav .links{flex:0 1 auto;justify-content:center}
.nav .nr{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:12px}
@media(max-width:1180px){.nav .links{justify-content:center!important;flex:0 0 100%;order:3}.nav .brand{flex:1 1 auto}.nav .nr{flex:0 0 auto}}
.aboutx{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.aboutx h2.t{font:700 clamp(30px,4.5vw,46px)/1.1 var(--serif);text-transform:uppercase;margin:0 0 6px;letter-spacing:.01em}
.aboutx h2.t:before{content:"";display:block;width:56px;height:3px;background:#d9001e;margin-bottom:14px;box-shadow:0 0 14px #d9001e}
.aboutx .mut{color:var(--mut);font-size:16px;max-width:520px}
.aboutx .alogo{display:block;width:100%;max-width:380px;margin:auto;filter:drop-shadow(0 0 50px #d9001e66)}
@media(max-width:840px){.aboutx{grid-template-columns:1fr}.aboutx .alogo{max-width:280px}}
.pf,.pf.pf-home{columns:unset;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.pf .pfi,.pf.pf-home .pfi{margin:0;aspect-ratio:16/10;break-inside:auto}.pf .pfi img{height:100%;object-fit:cover}
.pf.pf-home{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.pf.pf-home{grid-template-columns:1fr 1fr}}
.nav .brand img{height:60px;transform:scale(1.25);transform-origin:center;filter:none;margin-left:6px}.nav .brand:hover img{transform:scale(1.32);filter:none}
/* v7: slash transition, services cards, home hero balance, nav logo */
#slash{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden}
#slash i{position:absolute;top:50%;left:-20%;width:140%;height:6px;background:linear-gradient(90deg,transparent,#fff,#d9001e,transparent);box-shadow:0 0 30px #d9001e;transform:rotate(-18deg) scaleX(0);transform-origin:left;opacity:0}
#slash:after{content:"";position:absolute;inset:0;background:#080808;opacity:0}
#slash.go i{animation:slcut .55s ease-out}
#slash.go:after{animation:slfade .55s forwards}
#slash.go.in:after{animation:slout .55s forwards}#slash.go.in i{animation:none}
@keyframes slcut{40%{transform:rotate(-18deg) scaleX(1);opacity:1}to{transform:rotate(-18deg) scaleX(1);opacity:0}}
@keyframes slfade{0%{opacity:0}40%{opacity:.9}to{opacity:.9}}
@keyframes slout{0%{opacity:.9}to{opacity:0}}
.slin #slash:after{opacity:.9}
.nav .brand img{height:50px;width:auto;transform:none;margin:0;filter:none}.nav .brand:hover img{transform:scale(1.06);filter:drop-shadow(0 0 10px #d9001e88)}
.card.svc .tb{padding-bottom:20px}.card.svc h3{margin-top:0}
.more-row{display:flex;justify-content:center;margin-top:24px}
h1.serif{font-size:clamp(40px,5.6vw,84px)}
.hero2 .hr{min-height:520px}.hgif{width:min(760px,118%);max-width:none}
@media(max-width:900px){.hgif{width:min(420px,100%)}.hero2 .hr{min-height:320px}}
/* v7.1: arrival fade is pure CSS (never stuck dark) */
.slin #slash:after{opacity:0;animation:slout .5s ease-out both}
.slin #slash i{display:none}
.aboutx .alogo{width:auto;max-width:100%;max-height:440px;filter:drop-shadow(0 0 40px #d9001e44)}
@media(max-width:840px){.aboutx .alogo{max-height:300px}}
.aboutx .alogo{filter:brightness(1.55) saturate(1.2) drop-shadow(0 0 40px #d9001e44)}
/* v8: home hero with background picture, no logo */
.hero2.herobg{background:#050304 url(/assets/hero-bg.jpg) center/cover no-repeat}
.hero2.herobg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050304e6 0,#050304b3 38%,#05030440 70%,transparent),linear-gradient(180deg,transparent 70%,#09070a)}
.hero2.herobg .hx{grid-template-columns:1fr;position:relative;z-index:1}
.hero2.herobg .hl{max-width:760px}
[data-theme=light] .hero2.herobg{background:#050304 url(/assets/hero-bg.jpg) center/cover no-repeat}
@media(max-width:900px){.hero2.herobg:before{background:linear-gradient(180deg,#050304cc,#050304aa)}}
[data-theme=light] .hero2.herobg h1,[data-theme=light] .hero2.herobg .lead{color:#fff}
[data-theme=light] .hero2.herobg .forge{color:#ff4357}
[data-theme=light] .hero2.herobg .btn:not(.pri){background:#0b0b0b;color:#fff;border-color:#2a2a2a}
[data-theme=light] .hero2.herobg h1.serif{color:#fff;-webkit-text-fill-color:#fff}[data-theme=light] .hero2.herobg .hl .lead{color:#fff}
/* v9: FAQ */
.faq{max-width:860px;border-top:1px solid #2a1a1f}
.faq details{border-bottom:1px solid #2a1a1f}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font:600 18px Rajdhani,sans-serif;letter-spacing:.02em;color:var(--tx)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;width:9px;height:9px;border-right:2px solid #d9001e;border-bottom:2px solid #d9001e;transform:rotate(45deg);transition:transform .25s var(--ease)}
.faq details[open] summary:after{transform:rotate(-135deg)}
.faq summary:hover{color:#ff4357}
.faq details p{margin:0;padding:0 4px 18px;color:var(--mut);max-width:720px;animation:faqin .3s var(--ease)}
@keyframes faqin{from{opacity:0;transform:translateY(-6px)}}
[data-theme=light] .faq,[data-theme=light] .faq details{border-color:#e0d3d7}
.hero2.abouth{min-height:calc(100vh - 66px)}
/* v10: more scroll animation + centered FAQ */
.rv-l{transform:translateX(-48px)}.rv-r{transform:translateX(48px) scale(.94)}.rv.in.rv-l,.rv.in.rv-r{transform:none}
.rv.in.pfi{transition:opacity .7s var(--ease),transform .35s var(--ease),border-color .3s}
.rv.faq-d{transform:translateY(16px)}
.sh h2:before{transform-origin:center top;transition:transform .6s var(--ease) .15s}.sh.rv:not(.in) h2:before{transform:scaleY(0)}
.hero2 .hl>*{animation:heroin .8s var(--ease) both}.hero2 .hl>*:nth-child(2){animation-delay:.1s}.hero2 .hl>*:nth-child(3){animation-delay:.2s}.hero2 .hl>*:nth-child(4){animation-delay:.3s}.hero2 .hl>*:nth-child(5){animation-delay:.4s}
@keyframes heroin{from{opacity:0;transform:translateY(26px)}}
@media(prefers-reduced-motion:reduce){.hero2 .hl>*{animation:none}.rv-l,.rv-r{transform:none}}
.faq-sec .sh{justify-content:center;text-align:center}.faq-sec .sh h2{padding-left:0}.faq-sec .sh h2:before{display:block;position:static;width:56px;height:3px;margin:0 auto 12px}
.faq-sec .faq{margin:0 auto}
/* v11: service button on one line, entrance animation on every page */
.grid.six{align-items:stretch}
.card.svc{display:flex;flex-direction:column}.card.svc .tb{flex:1;display:flex;flex-direction:column;padding-bottom:20px}
.card.svc .tb p{margin-bottom:18px}
.card.svc .tb .btn.svcbtn{margin-top:auto;align-self:stretch;justify-content:center;text-align:center;padding:12px 18px;font-size:14px}
.slin .rv{transition-delay:calc(var(--d,0s) + .3s)}
.phead .rv.crumb,.phead .rv.ph{transition-duration:.8s}
.foot .rv{transform:translateY(18px)}.foot .rv.in{transform:none}