@import"https://fonts.googleapis.com/css2?family=Michroma&display=swap";@import"https://fonts.googleapis.com/css2?family=Doto:wght@500;700&display=swap";.animated-logo{position:absolute;left:50%;transform:translate(-50%);z-index:2;object-fit:contain;pointer-events:none;opacity:.95;transform-style:preserve-3d;filter:drop-shadow(0 0 3px rgba(255,255,255,.874)) drop-shadow(0 0 10px rgb(237,249,249));animation:floatTilt 6s ease-in-out infinite,glowCycle 4s ease-in-out infinite}@keyframes glowCycle{0%,to{filter:drop-shadow(0 0 3px rgba(209,255,246,.751)) drop-shadow(0 0 8px rgba(189,255,255,.1))}50%{filter:drop-shadow(0 0 6px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(0,255,255,.3))}}.particles{position:absolute;width:100%;height:100%;z-index:1}.particle{position:absolute;width:2px;height:2px;background:#0ff;border-radius:50%;animation:floatParticle linear infinite;opacity:.3}@keyframes floatParticle{0%{transform:translateY(0);opacity:.3}50%{opacity:.7}to{transform:translateY(-100vh);opacity:.1}}.scroll-wrapper{position:fixed;top:50%;left:0;width:100%;transform:translateY(-50%);overflow:hidden;pointer-events:auto}.scroll-layer{display:flex;font-family:Michroma,sans-serif;font-weight:700;white-space:nowrap;font-size:5rem;letter-spacing:.15rem;color:#fff;animation:colorShift 5s linear infinite alternate}.layer2{font-size:2.5rem;opacity:.8;animation:colorShift2 5s linear infinite alternate}.scroll-layer span{display:inline-block;padding-right:5rem}@keyframes colorShift{0%{color:#fff}25%{color:#f0f0f0}50%{color:#fff}75%{color:#ddd}to{color:#fff}}@keyframes colorShift2{0%{color:#fff}20%{color:#aaa}40%{color:#fff}60%{color:#bbb}80%{color:#fff}to{color:#ccc}}.nav-container{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);z-index:100}.nav-island{display:flex;align-items:center;justify-content:center;background:#14141499;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50px;padding:.6rem 2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0000004d;transition:all .3s ease;cursor:pointer;font-family:Doto,sans-serif}.nav-island:hover{background:#1e1e1ecc}.nav-links{display:flex;gap:2.5rem;transition:opacity .3s ease,transform .3s ease;word-spacing:.3rem}.nav-island a{color:#fff;text-decoration:none;font-weight:500;font-size:1.05rem;text-transform:none;transition:.3s ease}.nav-island a:hover{color:#0073ff}.nav-island a.active{color:#00ffb3;font-weight:700}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:28px;height:28px}.nav-toggle .line{height:2px;background:#fff;border-radius:2px;transition:all .3s ease}@media (max-width: 700px){.nav-island{width:55px;height:55px;border-radius:50%;padding:0;justify-content:center;overflow:hidden}.nav-toggle{display:flex}.nav-links{opacity:0;pointer-events:none;transform:translateY(10px);position:absolute}.nav-island.expanded{width:90%;height:auto;border-radius:50px;padding:.6rem 1.2rem;justify-content:space-around}.nav-island.expanded .nav-links{opacity:1;pointer-events:auto;transform:translateY(0);position:relative;display:flex;gap:1.2rem}.nav-island.expanded .nav-toggle .line:first-child{transform:rotate(45deg) translateY(3px)}.nav-island.expanded .nav-toggle .line:last-child{transform:rotate(-45deg) translateY(-3px)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background-color:#000}