html,body,#root{min-height:100vh;margin:0;padding:0;background:#060010}.background-container{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.content{position:relative}.test{margin:750px 0;font-size:60px;color:#fff}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.header-pill{position:sticky;top:1rem;margin:1.5rem auto;padding:.85rem 1.5rem;max-width:1500px;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all .3s ease,max-width .3s ease;z-index:10}.header-pill.scrolled{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:99px;border:1px solid #271e37;max-width:800px}.name-container{display:flex;align-items:center;cursor:pointer}.name{gap:.5rem;font-size:20px;letter-spacing:.02em;color:#fff}nav{position:absolute;left:50%;transform:translate(-50%)}nav ul{list-style:none;display:flex;gap:.75rem;margin:0;padding:0}nav a{display:inline-block;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:500;color:#f5f5f5;text-decoration:none;transition:background .2s ease,color .2s ease}nav a:hover{background:#ffffff26;color:#fff}.social-links{font-size:18px;color:#fff}