@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Syne:wght@700;800&display=swap";:root{--kepin-ink:#080808;--kepin-black:#050505;--kepin-white:#fff;--kepin-line-light:#eaeaea;--kepin-radius-control:999px;--kepin-ease-out:cubic-bezier(.16, 1, .3, 1);--z-content:1;--z-scene:8;--z-nav:100;--z-menu:110}html,body{background:var(--kepin-ink);-webkit-font-smoothing:antialiased;width:100%;height:100%;color:var(--kepin-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#080808;width:100%;height:100%;overflow:hidden}.page-enter-active,.page-leave-active{transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1)}.page-enter-from{opacity:0;transform:scale(1.03)}.page-leave-to{opacity:0;transform:scale(.97)}.header{z-index:9999;pointer-events:none;justify-content:space-between;align-items:center;padding:30px 40px;display:flex;position:fixed;top:0;left:0;right:0}.header__brand{pointer-events:auto;color:#000;align-items:center;transition:color .35s;display:flex}.header__brand--light{color:#fff}.brand-name{letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:2.2rem;font-weight:800}.header__button{cursor:pointer;pointer-events:auto;background-color:#050505;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:transform .3s;display:flex;box-shadow:0 10px 30px #00000080}.header__button:hover{transform:scale(1.05)}.header__burger{pointer-events:none;width:100%;position:relative}.header__burger:after,.header__burger:before{content:"";background-color:#fff;width:35%;height:2px;margin:auto;transition:transform .3s,top .3s;display:block;position:relative}.header__burger:after{top:-5px}.header__burger:before{top:5px}.header__burger--active:after{top:-1px;transform:rotate(45deg)}.header__burger--active:before{top:0;transform:rotate(-45deg)}.menu{color:#fff;z-index:9998;background-color:#0f0f0f;width:480px;height:100vh;font-family:Inter,sans-serif;position:fixed;top:0;right:0;transform:translate(100%)}.menu__body{flex-direction:column;justify-content:space-between;height:100%;padding:100px;display:flex}.menu__nav{flex-direction:column;gap:12px;margin-top:80px;font-size:56px;display:flex}.menu__header{color:#fff6;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #fff3;margin-bottom:40px;font-size:11px}.menu__header p{padding-bottom:10px}.menu__link{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;align-items:center;padding:0;display:flex;position:relative}.menu__link span{color:#fff;font-weight:300;font:inherit;text-decoration:none;transition:color .3s}.menu__link:hover span,.menu__link:focus-visible span{color:#ddd}.menu__link:focus-visible{outline-offset:6px;outline:2px solid #ffffffc7}.menu__indicator{background-color:#fff;border-radius:50%;width:10px;height:10px;position:absolute;left:-30px;transform:scale(0)}.menu__footer{justify-content:space-between;gap:20px;width:100%;font-size:12px;display:flex}.menu__footer a,.menu__footer span{color:#ffffff80;text-decoration:none;transition:color .3s}.menu__footer a{cursor:pointer}.menu__footer span{opacity:.5}.menu__footer a:hover{color:#fff}.menu__curve{fill:#0f0f0f;stroke:none;width:100px;height:100%;position:absolute;top:0;left:-99px}.menu:not(.menu--open) .menu__curve{visibility:hidden}@media (width<=600px){.menu{width:100vw}.menu__body{padding:80px 40px}.menu__nav{font-size:42px}.header{padding:20px}.header__button{width:50px;height:50px}}
