.surface-dark{isolation:isolate;color:#f8f6ec;background:#141412;position:relative;overflow:hidden}.surface-dark:before{content:"";z-index:-2;background:radial-gradient(40% 35% at 75% 30%,#b39c4f59,#0000 70%),radial-gradient(30% 30% at 15% 80%,#3e7c4f38,#0000 70%);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.surface-dark:after{content:"";z-index:-1;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{to{transform:translate(-6%,4%)scale(1.08)}}.text-shimmer{background:linear-gradient(100deg,#b39c4f 20%,#f3e2a6 40%,#b39c4f 60%) 0 0/250% 100%;color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;padding-right:.12em;animation:6s linear infinite shimmer}@keyframes shimmer{to{background-position:-250% 0}}.float{animation:7s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-12px)}}@media (min-width:1024px){.tilt{transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:perspective(1400px)rotateY(-14deg)rotateX(5deg)}.tilt:hover{transform:perspective(1400px)rotateY(-4deg)rotateX(2deg)}}.chip{animation:.7s cubic-bezier(.2,.8,.2,1) both chip-in,6s ease-in-out .7s infinite float}.chip-1{animation-delay:.6s,1.3s}.chip-2{animation-delay:1.2s,1.9s}.chip-3{animation-delay:1.8s,2.5s}@keyframes chip-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}.ping{position:relative}.ping:after{content:"";background:inherit;border-radius:9999px;animation:1.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.6)}}.card-hover{transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s}.card-hover:hover{translate:0 -4px;box-shadow:0 24px 40px -24px #3c321473}.glow-ring{box-shadow:0 0 0 1px #b39c4f8c,0 30px 80px -30px #b39c4f99}@keyframes marquee{to{transform:translate(-50%)}}.marquee{animation:40s linear infinite marquee}.fade-edges{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}@supports (animation-timeline:view()){.reveal{animation:linear both reveal-up;animation-timeline:view();animation-range:entry entry 55%}}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)scale(.98)}}.progress-fill{transform-origin:0;animation:6s linear both progress}@keyframes progress{0%{transform:scaleX(0)}}.steps:hover .progress-fill,.steps:focus-within .progress-fill,.steps.paused .progress-fill{animation-play-state:paused}.grid-bg{background-image:linear-gradient(#b39c4f1f 1px,#0000 1px),linear-gradient(90deg,#b39c4f1f 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 65%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 65%,#000 20%,#0000 75%)}@supports (animation-timeline:view()){.reveal-pop{animation:linear both pop-in;animation-timeline:view();animation-range:entry 30% entry 90%}}@keyframes pop-in{0%{transform:scale(0)rotate(-45deg)}70%{transform:scale(1.2)rotate(0)}}.skeleton{background:linear-gradient(90deg,#ffffff14 25%,#d8bf6a59 50%,#ffffff14 75%) 0 0/300% 100%;animation:2.4s ease-in-out infinite skeleton;display:block}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-200% 0}}@supports (animation-timeline:view()){.ring-draw{animation:linear both ring-draw;animation-timeline:view();animation-range:entry 20% cover 45%}}@keyframes ring-draw{0%{stroke-dasharray:0 100}}