.container{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-size:cover;background-position:top right;background-repeat:no-repeat;background-attachment:fixed;color:#fff;position:relative;overflow:hidden}.container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 23px 47px,rgba(255,100,200,1),rgba(255,100,200,.3) 30%,transparent 70%),radial-gradient(1px 1px at 67px 23px,rgba(255,150,220,1),rgba(255,150,220,.4) 25%,transparent 60%),radial-gradient(3px 3px at 41px 89px,rgba(255,80,180,1),rgba(255,80,180,.5) 35%,transparent 80%),radial-gradient(1px 1px at 91px 13px,rgba(255,120,200,1),rgba(255,120,200,.3) 20%,transparent 50%),radial-gradient(2px 2px at 17px 73px,rgba(255,100,200,1),rgba(255,100,200,.4) 30%,transparent 70%),radial-gradient(2px 2px at 149px 31px,rgba(255,150,220,1),rgba(255,150,220,.3) 25%,transparent 65%),radial-gradient(1px 1px at 187px 67px,rgba(255,80,180,1),rgba(255,80,180,.5) 30%,transparent 60%);background-repeat:repeat;background-size:231px 137px;animation:sparkle1 3.7s ease-in-out infinite;pointer-events:none;z-index:1;filter:blur(.3px)}.container:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 29px 71px,rgba(255,100,200,1),rgba(255,100,200,.4) 25%,transparent 60%),radial-gradient(3px 3px at 83px 19px,rgba(255,150,220,1),rgba(255,150,220,.6) 40%,transparent 85%),radial-gradient(1px 1px at 37px 109px,rgba(255,80,180,1),rgba(255,80,180,.3) 20%,transparent 55%),radial-gradient(2px 2px at 127px 59px,rgba(255,120,200,1),rgba(255,120,200,.5) 35%,transparent 75%),radial-gradient(2px 2px at 173px 97px,rgba(255,100,200,1),rgba(255,100,200,.3) 25%,transparent 65%),radial-gradient(1px 1px at 61px 41px,rgba(255,150,220,1),rgba(255,150,220,.4) 30%,transparent 70%),radial-gradient(1px 1px at 199px 7px,rgba(255,80,180,1),rgba(255,80,180,.3) 20%,transparent 50%),radial-gradient(3px 3px at 11px 113px,rgba(255,120,200,1),rgba(255,120,200,.4) 30%,transparent 75%);background-repeat:repeat;background-size:307px 179px;animation:sparkle2 5.2s ease-in-out infinite reverse;pointer-events:none;z-index:2;filter:blur(.2px)}@keyframes sparkle1{0%,to{opacity:1;transform:translate(0) translateY(0)}33%{opacity:.4;transform:translate(2px) translateY(-1px)}66%{opacity:.7;transform:translate(-1px) translateY(1px)}}@keyframes sparkle2{0%,to{opacity:.8;transform:translate(0) translateY(0)}25%{opacity:.3;transform:translate(-1px) translateY(2px)}50%{opacity:.9;transform:translate(1px) translateY(-1px)}75%{opacity:.2;transform:translate(-2px) translateY(1px)}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 53px 103px,rgba(255,120,200,1),rgba(255,120,200,.3) 20%,transparent 55%),radial-gradient(2px 2px at 97px 47px,rgba(255,80,180,1),rgba(255,80,180,.4) 30%,transparent 70%),radial-gradient(1px 1px at 139px 151px,rgba(255,150,220,1),rgba(255,150,220,.3) 25%,transparent 60%),radial-gradient(3px 3px at 181px 79px,rgba(255,100,200,1),rgba(255,100,200,.5) 35%,transparent 80%),radial-gradient(1px 1px at 223px 127px,rgba(255,80,180,1),rgba(255,80,180,.3) 20%,transparent 50%),radial-gradient(2px 2px at 271px 43px,rgba(255,150,220,1),rgba(255,150,220,.4) 30%,transparent 65%);background-repeat:repeat;background-size:347px 211px;animation:sparkle3 4.3s ease-in-out infinite;pointer-events:none;z-index:-1;filter:blur(.1px)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 71px 157px,rgba(255,100,200,1),rgba(255,100,200,.2) 15%,transparent 45%),radial-gradient(2px 2px at 113px 89px,rgba(255,150,220,1),rgba(255,150,220,.4) 25%,transparent 65%),radial-gradient(1px 1px at 157px 31px,rgba(255,80,180,1),rgba(255,80,180,.3) 20%,transparent 55%),radial-gradient(3px 3px at 203px 173px,rgba(255,120,200,1),rgba(255,120,200,.5) 40%,transparent 85%),radial-gradient(1px 1px at 251px 61px,rgba(255,100,200,1),rgba(255,100,200,.3) 25%,transparent 60%),radial-gradient(2px 2px at 293px 139px,rgba(255,80,180,1),rgba(255,80,180,.4) 30%,transparent 70%),radial-gradient(1px 1px at 331px 107px,rgba(255,150,220,1),rgba(255,150,220,.3) 20%,transparent 50%);background-repeat:repeat;background-size:389px 239px;animation:sparkle4 6.1s ease-in-out infinite reverse;pointer-events:none;z-index:-2;filter:blur(.15px)}@keyframes sparkle3{0%,to{opacity:.9;transform:translate(0) translateY(0)}30%{opacity:.2;transform:translate(1px) translateY(-2px)}60%{opacity:.6;transform:translate(-1px) translateY(1px)}}@keyframes sparkle4{0%,to{opacity:.7;transform:translate(0) translateY(0)}20%{opacity:.4;transform:translate(-1px) translateY(1px)}40%{opacity:.1;transform:translate(2px) translateY(-1px)}60%{opacity:.8;transform:translate(-1px) translateY(2px)}80%{opacity:.3;transform:translate(1px) translateY(-1px)}}.navbar{display:flex;justify-content:center;gap:2rem;padding:1.5rem 0;position:relative;z-index:10}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;position:relative}.nav-link:hover{background:#ff64c833;transform:translateY(-2px);text-shadow:0 0 10px rgba(255,100,200,.8)}.nav-link.active{background:#ff50b44d;text-shadow:0 0 8px rgba(255,100,200,.6)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background:linear-gradient(90deg,#ff50b0,#ff80d0,#ff50b0);box-shadow:0 0 8px #ff50b4cc;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:100%}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;z-index:10}.logo{width:200px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));opacity:0;transform:translateY(30px);animation:logoEntrance 1s ease-out .5s forwards,logoFloat 3s ease-in-out 1.5s infinite}@keyframes logoEntrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wip-text{font-size:2.5rem;font-weight:700;margin:0 0 2rem;text-shadow:0 0 20px rgba(255,80,180,.8),0 0 40px rgba(255,100,200,.6),0 4px 8px rgba(0,0,0,.3);letter-spacing:-.02em;color:#fff;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out 1s forwards}.play-button{background:linear-gradient(135deg,#ff50b0,#ff80d0,#ff50b0);color:#fff;border:2px solid rgba(255,100,200,.5);padding:1rem 3rem;font-size:1.25rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff50b466,0 0 20px #ff64c84d,inset 0 1px #ffffff1a;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,255,255,.5);opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out 1.5s forwards}.play-button:hover{background:linear-gradient(135deg,#ff30a0,#ff60c0,#ff30a0);transform:translateY(-3px);box-shadow:0 12px 35px #ff50b499,0 0 30px #ff64c8cc,inset 0 1px #fff3;border-color:#ff96dccc}.play-button:active{transform:translateY(-1px);box-shadow:0 6px 20px #ff4ff066}.footer{padding:1.5rem;text-align:center;position:relative;z-index:10}.footer-link{color:#fffc;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-link svg{opacity:.8}@media (max-width: 768px){.navbar{flex-wrap:wrap;gap:1rem;padding:1rem}.nav-link{padding:.5rem .75rem;font-size:.9rem}.logo{width:150px;margin-bottom:1.5rem}.wip-text{font-size:2rem;margin-bottom:1.5rem}.play-button{padding:.875rem 2.5rem;font-size:1.125rem}.main-content{padding:1rem}}@media (max-width: 480px){.navbar{gap:.5rem}.nav-link{padding:.4rem .6rem;font-size:.85rem}.logo{width:120px}.wip-text{font-size:1.75rem}.play-button{padding:.75rem 2rem;font-size:1rem}}html,body{margin:0;padding:0;width:100%;height:100%}