@import"https://fonts.cdnfonts.com/css/unifont";*{margin:0;padding:0;box-sizing:border-box;font-family:Unifont,sans-serif}body{font-family:Unifont,sans-serif;min-height:100vh;color:#333}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:flex-start;padding:25px;z-index:1000;gap:0;height:60px}.logo-container{display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.logo-icon{height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.logo-text-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:transparent;border:none;padding:6px 5px 2px;cursor:pointer;position:relative;height:40px;color:#999;font-weight:bolder;transition:all .4s cubic-bezier(.4,0,.2,1)}.logo-text-button span:first-child{font-size:18px;font-weight:bolder}.logo-text-button span:last-child{font-size:15px;font-weight:bolder}.logo-container:hover{transform:translateY(-6px)}.nav-separator{width:1.5px;height:40px;background-color:#999;margin:0 15px;border-radius:0}.nav-links{display:flex;align-items:flex-start;gap:25px}.text-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:transparent;border:none;padding:8px 5px 0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;height:36px;color:#999;font-weight:400}.text-button span:first-child{font-size:18px}.text-button span:last-child{font-size:15px}.text-button:hover{transform:translateY(-6px)}.nav-links .text-button{color:#999}.text-button.active{color:#bfc2e0!important;font-weight:700!important}.logo-text-button.active{color:#bfc2e0!important}.text-button.active span:first-child,.text-button.active span:last-child,.logo-text-button.active span:first-child,.logo-text-button.active span:last-child{color:#bfc2e0!important}.hamburger-btn{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:5px;gap:5px;margin-left:auto;align-items:center;justify-content:center;height:40px}.hamburger-btn span{width:24px;height:2px;background-color:#999;transition:all .3s ease;display:block}.hamburger-btn:hover span{background-color:#bfc2e0}.mobile-menu{display:none;position:absolute;top:60px;right:25px;background-color:transparent;border:none;border-radius:0;padding:15px 0;min-width:200px;flex-direction:column;gap:0;animation:slideDown .3s ease}.mobile-nav-button{display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:none;padding:12px 20px;cursor:pointer;width:100%;text-align:left;color:#999;transition:all .3s ease;border-left:3px solid transparent}.mobile-nav-button:hover{background-color:#bfc2e01a;color:#bfc2e0;border-left-color:#bfc2e0}.mobile-nav-button.active{color:#bfc2e0!important;font-weight:700;border-left-color:#bfc2e0;background-color:#bfc2e01a}.mobile-nav-button span:first-child{font-size:16px}.mobile-nav-button span:last-child{font-size:12px;opacity:.8}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.navbar{padding:20px;height:55px}.logo-text-button span:first-child{font-size:16px}.logo-text-button span:last-child{font-size:13px}.nav-separator{margin:0 12px}.nav-links{gap:20px}.text-button{padding:8px 3px 0;height:34px}.text-button span:first-child{font-size:16px}.text-button span:last-child{font-size:13px}}@media(max-width:768px){.navbar{padding:15px;height:50px}.logo-icon{height:35px}.logo-container{flex-shrink:0}.logo-text-button span:first-child{font-size:14px}.logo-text-button span:last-child{font-size:11px}.nav-separator,.nav-links{display:none}.hamburger-btn{display:flex}.mobile-menu{display:flex;top:100px;right:15px}}@media(max-width:480px){.navbar{padding:12px;height:45px}.logo-icon{height:30px}.logo-text-button{padding:4px 3px 0;height:30px}.logo-text-button span:first-child{font-size:12px}.logo-text-button span:last-child{font-size:9px}.hamburger-btn{padding:3px;gap:4px}.hamburger-btn span{width:20px;height:2px}.mobile-menu{top:90px;right:12px;min-width:180px;padding:10px 0}.mobile-nav-button{padding:10px 15px;font-size:14px}.mobile-nav-button span:first-child{font-size:14px}.mobile-nav-button span:last-child{font-size:11px}}.main-page{margin:80px 25px auto;height:200vh}.page-loaded .progressive-item{animation-fill-mode:both}.fade-in-down{opacity:0;transform:translateY(-30px);animation:fadeInDown .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in-left{opacity:0;transform:translate(-30px);animation:fadeInLeft .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in-right{opacity:0;transform:translate(30px);animation:fadeInRight .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.progressive-reveal{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.progressive-reveal.visible{opacity:1}.progressive-reveal.down{transform:translateY(-30px)}.progressive-reveal.down.visible{transform:translateY(0)}.progressive-reveal.up{transform:translateY(30px)}.progressive-reveal.up.visible{transform:translateY(0)}.progressive-reveal.left{transform:translate(-30px)}.progressive-reveal.left.visible{transform:translate(0)}.progressive-reveal.right{transform:translate(30px)}.progressive-reveal.right.visible{transform:translate(0)}.progressive-reveal.fade{transform:none}