html{scroll-behavior:smooth;overflow:hidden;width:100vw;height:100vh;height:100dvh}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;position:fixed;background-color:#050505}#root{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:20px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}html.dark ::-webkit-scrollbar-thumb{background:#333;border:2px solid transparent;background-clip:padding-box}html:not(.dark) body{background-color:#fff}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-blob{animation:blob 7s infinite alternate}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}html:not(.dark) main .text-gray-400,html:not(.dark) main .text-gray-500,html:not(.dark) main .text-gray-600,html:not(.dark) main .text-gray-700,html:not(.dark) main .text-slate-400,html:not(.dark) main .text-slate-500,html:not(.dark) section .text-gray-400,html:not(.dark) section .text-gray-500,html:not(.dark) section .text-gray-600,html:not(.dark) nav.fixed .text-gray-600,html:not(.dark) nav.fixed .text-gray-400{color:#1a1a1a!important}html:not(.dark) aside .text-gray-400,html:not(.dark) aside .text-gray-500,html:not(.dark) aside .text-white,html:not(.dark) header.bg-black .text-gray-400,html:not(.dark) header.bg-black .text-gray-500,html:not(.dark) header.bg-black .text-white,html:not(.dark) header.bg-black .text-gray-300,html:not(.dark) header.bg-black .text-xs,html:not(.dark) header.bg-black .text-xl,html:not(.dark) aside .text-sm{color:#fffc!important}html:not(.dark) main div[class*=from-gray-900] .text-gray-400,html:not(.dark) main div[class*=from-gray-900] .text-gray-300,html:not(.dark) main div[class*=from-gray-900] .text-slate-300,html:not(.dark) main div[class*=from-gray-900] .text-slate-100,html:not(.dark) main div[class*=from-gray-900] p,html:not(.dark) main div[class*=from-gray-900] span:not(.text-brand){color:#ffffffb3!important}html:not(.dark) main div[class*=from-gray-900] h1{color:#fff!important}html:not(.dark) .text-brand{color:var(--color-brand)!important}html:not(.dark) aside svg,html:not(.dark) header.bg-black svg,html:not(.dark) main div[class*=from-gray-900] svg{stroke:#fffc!important}footer .text-gray-300,footer .text-gray-400,footer .text-gray-500{color:#fff9!important}footer svg{stroke:#fff!important}html:not(.dark) .bg-brand .text-brand-dark,html:not(.dark) button.bg-brand,html:not(.dark) .bg-brand .text-black{color:#000!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}