:root{--bg:#fbf7ee;--sf:#fffdf8;--s2:#f3ecdb;--ed:#e5dac0;--ink:#1d1708;--mu:#7b6c4c;--ac:#a8721a;--ai:#fff;--up:#12985e;--ub:rgba(18,152,94,.14);--dn:#d5403e;--db:rgba(213,64,62,.14);--gd:linear-gradient(135deg,#a8721a,#e9c15f 45%,#b98524 70%,#f1d583);--glow:rgba(168,114,26,.2)}
:root[data-theme=dark]{--bg:#060504;--sf:#0e0c08;--s2:#16120a;--ed:#2a2314;--ink:#f5ecd6;--mu:#a99a78;--ac:#e2b64c;--ai:#1b1200;--up:#45d29a;--ub:rgba(69,210,154,.15);--dn:#ff6b5f;--db:rgba(255,107,95,.15);--gd:linear-gradient(135deg,#b8862b,#f6dc8a 45%,#c99a2e 70%,#fbe9a8);--glow:rgba(226,182,76,.26)}
body{background:radial-gradient(70% 42% at 88% -8%,var(--glow),transparent 62%),radial-gradient(50% 36% at 0% 34%,rgba(226,182,76,.06),transparent 70%),var(--bg)}body::before{background:transparent!important}
::selection{background:var(--ac);color:var(--ai)}*{scrollbar-width:thin;scrollbar-color:var(--ac) transparent}
.hd{box-shadow:0 1px 0 var(--ed),0 10px 40px -20px var(--glow)}
.lg{gap:10px}.lg b{background:none!important;width:42px;height:42px;display:grid;place-items:center;filter:drop-shadow(0 0 12px var(--glow))}.lg b svg{width:42px;height:42px}
.lg .bn{font-weight:800;font-size:1.2rem;background:var(--gd);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 7s linear infinite}
@keyframes gs{to{background-position:-220% 0}}
.cn{transform-box:fill-box;transform-origin:50% 100%;animation:cg .9s cubic-bezier(.2,.8,.2,1) both}.cn:nth-child(2){animation-delay:.1s}.cn:nth-child(3){animation-delay:.2s}.cn:nth-child(4){animation-delay:.3s}
.ar{stroke-dasharray:1;animation:ad 1.2s .35s ease-out both}.ah{animation:fi .4s 1.3s both}@keyframes cg{from{transform:scaleY(.05);opacity:0}}@keyframes ad{from{stroke-dashoffset:1}}
.btn.pri,button.pri,.seg button[aria-pressed=true]{background:var(--gd)!important;background-size:200% 100%;color:var(--ai)!important;border-color:transparent!important;box-shadow:0 8px 24px -8px var(--glow)}
.btn.pri,button.pri{position:relative;overflow:hidden}.btn.pri::after,button.pri::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-130%);animation:shn 4.6s ease-in-out infinite}
@keyframes shn{0%,62%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.hero h1 em{background:var(--gd);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s linear infinite}
.sec h2::after{content:"";display:block;width:54px;height:3px;margin-top:8px;border-radius:3px;background:var(--gd);transform-origin:right;transform:scaleX(0);transition:transform .9s .25s cubic-bezier(.2,.8,.2,1)}.rv.in h2::after{transform:scaleX(1)}
.card,.sc,.hk,details{background-image:radial-gradient(280px circle at var(--mx,50%) var(--my,-60%),var(--glow),transparent 70%)}
.card:hover,.sc:hover,.hk:hover,details:hover{border-color:color-mix(in srgb,var(--ac) 55%,var(--ed));box-shadow:0 14px 44px -18px var(--glow)}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
.hk{position:relative}.hk::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--a),transparent 0 68%,var(--ac) 84%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ro 7s linear infinite}@keyframes ro{to{--a:360deg}}
.rw{animation:up .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0ms)}.rw:hover{background:linear-gradient(90deg,transparent,var(--s2))}
.rv.in .g3>*,.rv.in .ft>*,.rv.in .stats>*{animation:up .7s cubic-bezier(.2,.8,.2,1) both}.g3>*:nth-child(2),.ft>*:nth-child(2),.stats>*:nth-child(2){animation-delay:.08s}.g3>*:nth-child(3),.ft>*:nth-child(3),.stats>*:nth-child(3){animation-delay:.16s}.ft>*:nth-child(4){animation-delay:.24s}
.tape{background:linear-gradient(90deg,var(--sf),var(--s2),var(--sf))}.ti b{color:var(--ink)}
.pill.pp{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}.fu,.fd{animation:fx 1s ease-out}
.pcv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.emb{display:none;width:min(210px,56vw);margin:0 0 6px;mix-blend-mode:lighten;filter:drop-shadow(0 0 30px var(--glow));animation:flb 7s ease-in-out infinite}:root[data-theme=dark] .emb{display:block}@keyframes flb{50%{transform:translateY(-8px) scale(1.02)}}
@media(max-width:880px){.emb{margin-inline:auto}}
.ac-lg{display:none;width:118px;margin:-8px auto 4px;mix-blend-mode:lighten}:root[data-theme=dark] .ac-lg{display:block}
#ac-sp{position:fixed;inset:0;z-index:99999;background:#050403;display:grid;place-items:center;transition:opacity .7s}#ac-sp.out{opacity:0;pointer-events:none}
#ac-sp img{width:min(64vw,300px);mix-blend-mode:lighten;animation:spi 1.3s cubic-bezier(.2,.8,.2,1) both}@keyframes spi{from{opacity:0;transform:scale(.82);filter:blur(12px) brightness(.5)}}
#ac-sp i{position:absolute;width:min(76vw,360px);aspect-ratio:1;border-radius:50%;border:2px solid transparent;border-top-color:#e2b64c;border-left-color:rgba(226,182,76,.25);animation:spn 1.3s linear infinite}@keyframes spn{to{transform:rotate(360deg)}}
.av{box-shadow:0 0 0 2px var(--bg,#060504),0 0 0 4px var(--ac,#e2b64c)}
.ac-s div{animation:up .55s cubic-bezier(.2,.8,.2,1) both}.ac-s div:nth-child(2){animation-delay:.07s}.ac-s div:nth-child(3){animation-delay:.14s}.ac-s div:nth-child(4){animation-delay:.21s}
.ac-s b{background:var(--gd,none);-webkit-background-clip:text;background-clip:text;color:transparent}
.ac-pg>.cd{animation:up .5s cubic-bezier(.2,.8,.2,1) both}.ac-pg>.cd:nth-child(2){animation-delay:.07s}.ac-pg>.cd:nth-child(3){animation-delay:.14s}
@media(prefers-reduced-motion:reduce){.pcv,#ac-sp i{display:none}.emb{animation:none}}
html,body{overflow-x:clip;max-width:100%}
@media(max-width:880px){.hdi{height:auto;min-height:64px}}