*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;display:flex;flex-direction:column;align-items:center;margin:0;padding:0;position:relative;width:100vw;min-height:100vh;cursor:default}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center, #ffc464, transparent 100%),url("../noise.svg");mask-image:radial-gradient(circle at center, #ffffff, transparent 100%);mask-size:cover;mask-repeat:no-repeat;mask-position:center;mix-blend-mode:overlay}.fb-menu{display:flex;justify-content:center;width:100%;gap:5%}.fb-menu a{color:#fff;font-weight:900;font-size:calc(10px + .390625vw);padding:10px 15px;border-radius:2rem;transition:background-color .1s ease;cursor:pointer;white-space:nowrap}.fb-menu a:hover{background-color:#333}.fb-menu a:visited,.fb-menu a:link,.fb-menu a:hover,.fb-menu a:active{color:#fff}.dbtn{position:relative;display:inline-flex;justify-content:center;align-items:center;background-color:#333;overflow:hidden;transition:all .1s}.dbtn::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg, #ffb300, #ff6a00);transition:all .1s;opacity:0}.dbtn:hover::before{opacity:1}.dbtn span{text-align:center;z-index:1}a{text-decoration:none}.wrapper1{margin-top:15vh;text-align:center}.wrapper1 h1{font-size:3rem;font-weight:700;text-align:center;background:linear-gradient(to right, #e53636, #ff4931, #ff9447, #f9c650);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.wrapper2{padding:40px;border-radius:15px;margin:20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3)}.wrapper2 h2{font-size:2.5rem;margin-bottom:20px}.interfaceIMG{max-width:100%;height:auto;border-radius:10px;box-shadow:0 0 15px hsla(0,0%,100%,.1)}.wrapper3{padding:40px;border-radius:15px;margin:20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3)}.wrapper3 h2{font-size:2rem;color:#ea4025;margin-bottom:10px}.wrapper3 h4{font-size:1.2rem;color:#fff;margin-bottom:10px}.wrapper4{padding:40px;border-radius:15px;margin:20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3)}.wrapper2,.wrapper3,.wrapper4{background-color:#1a1a1a;backdrop-filter:blur(42px);transition:transform 150ms;width:70vw}.wrapper2:hover,.wrapper3:hover{transform:scale(1.02)}.wrapper4 h2{font-size:2.5rem;margin-bottom:30px}.code-block{background-color:#282c34;border-radius:10px;padding:20px;overflow:auto;font-size:1rem;color:#abb2bf;width:90%;margin:0 auto;max-width:1200px;text-align:left;box-shadow:0 4px 10px rgba(0,0,0,.3)}.code-block code{display:block;white-space:pre-wrap}.hljs{color:#abb2bf}.hljs-comment,.hljs-quote{color:#5c6370}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#c678dd}.hljs-function,.hljs-title,.hljs-type{color:#61afef}.hljs-string,.hljs-attr,.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-variable,.hljs-template-variable{color:#98c379}