@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://rsms.me/inter/inter.css";:root{--bg-color2: #382419;--bg-color: #1b212a;--text-color: #fdfdfd;--button-bg: #444444;--button-text: #ededed;--card-bg: #f8ba25;--card-box-shadow: inset 0 2px 8px rgba(6, 6, 6, .589);--card-text: #e7e7e7;--card-hover-box-shadow: 0 4px 12px rgb(7, 150, 183);--hover-box-shadow: inset 0 2px 8px rgba(58, 58, 58, .954);--box-shadow: 0 4px 12px rgb(0, 0, 0)}:root ::-webkit-scrollbar{display:none;height:"100vh";width:"100vw"}html,body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;width:100%;height:100%;font-family:Barlow,sans-serif;overscroll-behavior-y:none;-webkit-overflow-scrolling:auto;scroll-behavior:smooth}button{background-color:var(--button-bg);color:var(--button-text);padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;box-shadow:var(--box-shadow);transition:background-color .3s ease,color .3s ease}button:hover{opacity:.95;box-shadow:var(--hover-box-shadow);transform:translateY(0)}button:active{opacity:.95;box-shadow:inset 0 2px 8px #0003;transform:translateY(0)}.barlow-thin{font-family:Barlow,sans-serif;font-weight:100;font-style:normal}.barlow-extralight{font-family:Barlow,sans-serif;font-weight:200;font-style:normal}.barlow-light{font-family:Barlow,sans-serif;font-weight:300;font-style:normal}.barlow-regular{font-family:Barlow,sans-serif;font-weight:400;font-style:normal}.barlow-medium{font-family:Barlow,sans-serif;font-weight:500;font-style:normal}.barlow-semibold{font-family:Barlow,sans-serif;font-weight:600;font-style:normal}.barlow-bold{font-family:Barlow,sans-serif;font-weight:700;font-style:normal}.barlow-extrabold{font-family:Barlow,sans-serif;font-weight:800;font-style:normal}.barlow-black{font-family:Barlow,sans-serif;font-weight:900;font-style:normal}.barlow-thin-italic{font-family:Barlow,sans-serif;font-weight:100;font-style:italic}.barlow-extralight-italic{font-family:Barlow,sans-serif;font-weight:200;font-style:italic}.barlow-light-italic{font-family:Barlow,sans-serif;font-weight:300;font-style:italic}.barlow-regular-italic{font-family:Barlow,sans-serif;font-weight:400;font-style:italic}.barlow-medium-italic{font-family:Barlow,sans-serif;font-weight:500;font-style:italic}.barlow-semibold-italic{font-family:Barlow,sans-serif;font-weight:600;font-style:italic}.barlow-bold-italic{font-family:Barlow,sans-serif;font-weight:700;font-style:italic}.barlow-extrabold-italic{font-family:Barlow,sans-serif;font-weight:800;font-style:italic}.barlow-black-italic{font-family:Barlow,sans-serif;font-weight:900;font-style:italic}#root{width:100%;margin:0;text-align:center}.card{background-color:var(--card-bg)}.card-brown{background-color:var(--bg-color2)}*{box-sizing:border-box}html,body,#root,.scroll{width:100%;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none;overflow:hidden}#root{overflow:auto}.scroll{position:absolute;top:0;left:0;overflow-y:auto;scroll-snap-type:y proximity}.scroll>div{scroll-snap-align:start}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;background-color:#101010;background:radial-gradient(circle at bottom center,#212121,#101010 80%);font-family:Inter var,sans-serif;-webkit-font-smoothing:antialiased}.caption{pointer-events:none;position:fixed;top:50px;right:18px;color:#848484;font-size:2em;font-weight:100;line-height:1em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:auto}.dot{pointer-events:none;position:sticky;top:0;display:inline-block;padding:80px;color:#a0a0a0;line-height:1.6em;font-size:clamp(1rem,1vw,1.5rem);letter-spacing:1.5px;text-align:left}.dot>h1{-webkit-font-smoothing:auto;pointer-events:none;color:#fff;font-size:5em;font-weight:100;line-height:1.1em;text-align:left;margin:0 0 .25em}@media only screen and (max-width: 800px){.dot>h1{font-size:3em}}@media only screen and (max-width: 700px){.dot>h1{font-size:3em}}@media only screen and (max-width: 600px){.dot>h1{font-size:3em}}.scene{perspective:1000px;position:relative}.cube{width:80px;height:80px;position:relative;transform-style:preserve-3d;animation:rotateCube 10s infinite linear}.face{position:absolute;border-radius:30px;width:80px;height:80px;background:linear-gradient(145deg,#fc0,#fa0);border:2px solid #ffdd55;box-shadow:inset 0 0 20px #ffcc00b3,0 0 20px #ffcc0080}.front{transform:rotateY(0) translateZ(40px)}.back{transform:rotateY(180deg) translateZ(40px)}.right{transform:rotateY(90deg) translateZ(40px)}.left{transform:rotateY(-90deg) translateZ(40px)}.top{transform:rotateX(90deg) translateZ(40px)}.bottom{transform:rotateX(-90deg) translateZ(40px)}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.sparkle-orbit{position:absolute;width:300px;height:300px;transform-style:preserve-3d;animation:rotateOrbit 10s infinite linear;z-index:5}.sparkle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#fff7aa 0%,transparent 60%);border-radius:50%;opacity:.6;filter:blur(1px);animation:sparklePulse 2s infinite ease-in-out}.sparkle1{transform:translate3d(60px,-20px,40px);animation-delay:0s}.sparkle2{transform:translate3d(-70px,30px,-50px);animation-delay:.4s}.sparkle3{transform:translate3d(30px,70px,20px);animation-delay:.8s}.sparkle4{transform:translate3d(-40px,-50px,60px);animation-delay:1.2s}.sparkle5{transform:translate3d(50px,50px,-40px);animation-delay:1.6s}@keyframes rotateOrbit{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(360deg)}}@keyframes sparklePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}
