body,html{height:100%;margin:0;padding:0;width:100%}#box{height:100vh;width:100vw}.centered-text{font-size:98px;font-weight:700;left:50%;top:50%}.centered-text,.main-text{color:#fff;font-family:Montserrat Alternates,sans-serif;position:absolute;transform:translate(-50%,-50%);z-index:1000}.main-text{left:25%;top:40%}.main-text .title{-webkit-text-fill-color:#0000;animation:revealText 2s ease-out forwards;background:linear-gradient(90deg,#fff,#ffffff80);-webkit-background-clip:text;font-size:98px;font-weight:700;margin-bottom:15px;opacity:0}@keyframes revealText{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.main-text .subtitle{font-size:24px;font-weight:400;margin-left:10px;text-align:left}.top-nav{left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.nav-content{justify-content:space-between;margin-left:15px;margin-right:20px}.logo-container,.nav-content{align-items:center;display:flex}.logo-container{gap:10px}.logo-container img{border-radius:50%;height:36px}.nav-title{color:#fff;font-family:Montserrat Alternates,sans-serif;font-size:24px;font-weight:500}.top-nav ul{align-items:center;display:flex;gap:50px;list-style:none;margin:0;padding:0}.top-nav a{color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:opacity .3s}.top-nav a:hover{opacity:.8}.start-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;bottom:10%;color:#fff;cursor:pointer;font-family:Montserrat Alternates,sans-serif;font-size:18px;left:50%;padding:15px 50px;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.start-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateX(-50%) scale(1.05)}.start-button:active{transform:translateX(-50%) scale(.95)}@media screen and (max-width:768px){.nav-content{flex-direction:column;gap:20px}.top-nav ul{gap:20px}.main-text{left:50%;text-align:center;top:35%;width:90%}.main-text .title{font-size:48px}.main-text .subtitle{font-size:18px;margin-left:0;text-align:center}.start-button{bottom:20%;font-size:16px;padding:12px 40px}}@media screen and (max-width:480px){.top-nav{padding:15px}.nav-title{font-size:20px}.logo-container img{height:28px}.top-nav a{font-size:16px}.main-text .title{font-size:36px}.main-text .subtitle{font-size:16px}}
/*# sourceMappingURL=main.f7a96c4d.css.map*/