body{font-family:Arial,sans-serif;background:#000;color:#fff;text-align:center;overflow:hidden;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.network-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.particle{fill:#0059c8}.link{stroke:#0ff3}.content{opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out forwards}.logo,.logo-text{opacity:0;transform:scale(.8);animation:scaleIn .8s ease-out .3s forwards}.tagline{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .6s forwards}.social-link{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .9s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}html{scroll-behavior:smooth}.scroll-fade{transition:opacity .3s ease-out,transform .3s ease-out}.logo{width:90%;max-width:400px;height:auto;margin-bottom:2rem;user-select:none;-webkit-user-drag:none}.logo-text{font-size:clamp(2rem,8vw,4rem);font-weight:700;color:#fff;margin-bottom:2rem;text-transform:lowercase}.tagline{font-size:clamp(1rem,4vw,1.5rem);color:#fffc;margin-bottom:2rem;text-align:center;padding:0 1rem}.social-link{font-size:clamp(2rem,6vw,3rem);color:#fff;transition:color .3s ease,transform .3s ease;display:inline-block}@media (max-width: 768px){.content{padding:1rem;max-width:95%}.logo{width:85%;max-width:300px}}@media (max-width: 480px){.logo{width:80%;max-width:250px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{transition:opacity .3s ease-out;font-family:Arial,sans-serif;background:#000;color:#fff;text-align:center;overflow:hidden;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}h1{font-size:2.5rem;letter-spacing:2px;text-shadow:0 0 8px #0059c8;margin-bottom:10px}p{font-size:1rem;color:#fff9}a{text-decoration:none;font-size:2rem;margin-top:1rem;color:#fff9}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}@media (max-width: 768px){h1{font-size:2rem}p{font-size:.9rem}a{font-size:1.5rem}}