html{overflow-y:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box;line-height:inherit;width:unset}.container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#0a0a23,#1a1a3e);color:gold;font-family:Cinzel,serif;position:relative;overflow:hidden}.navbar-section{position:absolute;top:0;left:0;width:100%;height:100px;display:flex;justify-content:flex-start;align-items:center;background:#000000b3;box-shadow:0 2px 4px #0003;z-index:10}.navbar-section .logo-container{width:350px;height:100%;display:flex;justify-content:center;align-items:center;padding:0 20px}.navbar-section .logo-container .logo{width:100%;height:100%;object-fit:contain}.main-content-section{width:100%;height:calc(100% - 180px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;position:relative}.main-content-section .animation-container{position:relative;width:450px;height:450px;margin-bottom:30px}.main-content-section .mandala{width:200px;height:200px;background:url(path/to/mandala.svg) center/contain no-repeat;border:3px solid #ffd700;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 15px rgba(255,215,0,.5));display:flex;justify-content:center;align-items:center}.main-content-section .mandala .logo-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-content-section .mandala .center-logo{width:160px;height:160px;object-fit:cover}.main-content-section .navagraha-symbol{position:absolute;top:50%;left:50%;font-size:2.2rem;color:#fff;background:#800080b3;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-shadow:0 0 8px rgba(255,255,255,.8);transform:translate(-50%,-50%)}.main-content-section .twinkle-star{position:absolute;font-size:1.2rem;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.8)}.main-content-section .comet{position:absolute;font-size:1rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.8)}.main-content-section .coming-soon-text{font-size:4rem;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,215,0,.7);z-index:5}.main-content-section .sub-text{font-size:1.8rem;color:#e6e6e6;max-width:650px;text-align:center;z-index:5}.footer-section{position:absolute;bottom:0;left:0;width:100%;height:80px;display:flex;justify-content:center;align-items:center;background:#000000b3;box-shadow:0 -2px 4px #0003;color:gold;font-size:16px;z-index:10}@media (max-width: 1198px) and (min-width: 769px){.navbar-section{height:90px}.navbar-section .logo-container{width:300px;padding:0 15px}.main-content-section{height:calc(100% - 150px)}.main-content-section .animation-container{width:400px;height:400px}.main-content-section .mandala{width:160px;height:160px}.main-content-section .mandala .center-logo{width:128px;height:128px}.main-content-section .navagraha-symbol{font-size:1.8rem;width:36px;height:36px}.main-content-section .twinkle-star{font-size:1rem}.main-content-section .comet{font-size:.8rem}.main-content-section .coming-soon-text{font-size:3.2rem}.main-content-section .sub-text{font-size:1.5rem;max-width:550px}.footer-section{height:60px;font-size:14px}}@media (max-width: 768px) and (min-width: 481px){.navbar-section{height:80px}.navbar-section .logo-container{width:250px;padding:0 10px}.main-content-section{padding:15px;height:calc(100% - 130px)}.main-content-section .animation-container{width:300px;height:300px}.main-content-section .mandala{width:140px;height:140px}.main-content-section .mandala .center-logo{width:112px;height:112px}.main-content-section .navagraha-symbol{font-size:1.6rem;width:32px;height:32px}.main-content-section .twinkle-star{font-size:.8rem}.main-content-section .comet{font-size:.7rem}.main-content-section .coming-soon-text{font-size:2.8rem}.main-content-section .sub-text{font-size:1.3rem;max-width:450px}.footer-section{height:50px;font-size:12px}}@media (max-width: 480px){.navbar-section{height:70px}.navbar-section .logo-container{width:200px;padding:0 10px}.main-content-section{padding:10px;height:calc(100% - 110px)}.main-content-section .animation-container{width:250px;height:250px}.main-content-section .mandala{width:120px;height:120px}.main-content-section .mandala .center-logo{width:96px;height:96px}.main-content-section .navagraha-symbol{font-size:1.4rem;width:28px;height:28px}.main-content-section .twinkle-star{font-size:.7rem}.main-content-section .comet{font-size:.6rem}.main-content-section .coming-soon-text{margin-top:40px;font-size:2.2rem}.main-content-section .sub-text{font-size:1.1rem;max-width:350px}.footer-section{height:40px;font-size:10px}}@media (max-width: 320px){.navbar-section{height:60px}.navbar-section .logo-container{width:160px;padding:0 8px}.main-content-section{padding:8px;height:calc(100% - 96px)}.main-content-section .animation-container{width:200px;height:200px}.main-content-section .mandala{width:100px;height:100px}.main-content-section .mandala .center-logo{width:80px;height:80px}.main-content-section .navagraha-symbol{font-size:1.2rem;width:24px;height:24px}.main-content-section .twinkle-star{font-size:.6rem}.main-content-section .comet{font-size:.5rem}.main-content-section .coming-soon-text{margin-top:50px;font-size:1.8rem}.main-content-section .sub-text{font-size:.9rem;max-width:280px}.footer-section{height:36px;font-size:9px}}