body,html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}.notice{display:none}@supports not (animation-timeline:view()){body,html{overflow:hidden}.notice{position:fixed;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;padding:100px;background-color:#000;color:#fff;font-size:36px}.notice code{color:#ccc;background-color:#222;padding:2px 6px;border-radius:6px}}.cpu{margin:0 auto;position:relative;width:300px;aspect-ratio:1/1;color:#eee;padding:2px;background-color:#222;overflow:clip;animation-timeline:view();animation-name:cpu-glow;animation-timing-function:linear;animation-fill-mode:both;perspective:0}.cpu__border{position:absolute;z-index:1}.cpu__border--t{top:0;left:0;bottom:50%;right:0;transform:rotateX(-90deg);transform-origin:top center;background-image:linear-gradient(90deg,#464646 0,#4d4d4d 50%,#363636 100%)}.cpu__border--r{top:0;left:50%;bottom:0;right:0;transform:rotateY(-90deg);transform-origin:right center;background-image:linear-gradient(0deg,#252525 0,#464646 35%,#252424 100%)}.cpu__border--b{top:50%;left:0;bottom:0;right:0;transform:rotateX(90deg);transform-origin:bottom center;background-image:linear-gradient(90deg,#1e1e1e 0,#313131 50%,#212121 100%)}.cpu__border--l{top:0;left:0;bottom:0;right:50%;transform:rotateY(90deg);transform-origin:left center;background-image:linear-gradient(0deg,#252525 0,#464646 50%,#252424 100%)}.cpu__gradient{position:absolute;z-index:1;inset:-50%;background-image:linear-gradient(45deg,rgba(34,34,34,0) 0,rgba(34,34,34,0) 35%,#a37ccb 47%,#fbf2ff 50%,#d994fa 53%,rgba(34,34,34,0) 55%,rgba(34,34,34,0) 100%);background-repeat:no-repeat;animation-timeline:view(300px);animation-name:cpu-gradient;animation-timing-function:linear;animation-fill-mode:both}.cpu__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background-color:rgba(34,34,34,.99);width:100%;height:100%}.cpu__grain{position:absolute;inset:0;z-index:1;filter:grayscale();mix-blend-mode:multiply}.cpu__logo{position:relative;z-index:2;width:160px;height:160px;clip-path:url(#bitmade-logo);background-color:#d9d9d9;-webkit-backface-visibility:hidden}.cpu__logo-gradient{position:absolute;z-index:2;inset:-50%;background-image:linear-gradient(45deg,rgba(34,34,34,0) 0,rgba(34,34,34,0) 20%,#2b2533 47%,#000 50%,#342e38 53%,rgba(34,34,34,0) 70%,rgba(34,34,34,0) 100%);background-repeat:no-repeat;animation-timeline:view(200px);animation-name:cpu-gradient;animation-timing-function:linear;animation-fill-mode:both}.cpu__logo-gradient-static{position:absolute;inset:0;z-index:1;background-image:linear-gradient(115deg,#463c46 20%,#faf1ff 60%,#faf1ff 100%)}@keyframes cpu-gradient{from{transform:translate(-50%,50%)}to{transform:translate(50%,-50%)}}@keyframes cpu-glow{0%{box-shadow:0 0 50px rgba(163,124,203,0);opacity:0}20%,80%{opacity:1}50%{box-shadow:0 0 50px rgba(163,124,203,.75)}100%{box-shadow:0 0 50px rgba(163,124,203,.75);opacity:0}}.typo{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:160px auto;color:#eee;font-size:32px;padding:0 10px}@media (min-width:768px){.typo{font-size:52px}}.typo__line{margin-top:0;margin-bottom:0;animation-timeline:view();animation-name:typo-appear;animation-timing-function:linear;animation-fill-mode:both}@keyframes typo-appear{0%{opacity:0;filter:blur(0)}10%,95%{opacity:0}50%{opacity:1}70%{filter:blur(0)}100%{opacity:0;filter:blur(10px)}}.scroller{height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;font-size:64px}.scroller--reverse{transform:rotate(180deg)}.scroller__arrow{animation:2s infinite scroller-hover}@keyframes scroller-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.dev-tools{display:flex;gap:10px;position:fixed;right:16px;bottom:16px;z-index:10;padding:10px;background-color:#000;border:2px solid #fff;color:#fff;font-weight:700}