@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700";.login-card{padding:32px;color:#fff;background-color:var(--violet-color);border-radius:22px;display:flex;gap:32px;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0003}.peptone-logo{position:relative;z-index:1000}.root{display:flex;align-items:center;justify-content:center;width:90%;height:100vh;margin:auto}.root .description-column{width:50%;height:100%;padding-top:32px;padding-bottom:32px;box-sizing:border-box}.root .description-column .description-column-content{position:relative;top:-32px;display:flex;flex-direction:column;justify-content:center;height:100%}.root .menu-column{position:relative;width:50%;height:100%;max-width:800px;display:flex;justify-content:center;align-items:center}.root .menu-column .tilting-item-container{position:absolute;width:150%;right:-27%;height:100%}.root .menu-column .circular-menu-container{position:relative;display:flex;justify-content:center;width:100%;height:100%}@media screen and (max-width: 768px){.root .menu-column .tilting-item-container{width:200%}}.circular-menu{position:relative;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%;pointer-events:none;container-type:inline-size}.circular-menu .circular-menu-item{position:absolute;width:75px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;padding:16px;text-align:center;color:#fff;background-color:var(--blue-color);border-radius:50%;pointer-events:all;transition:.3s all;font-weight:700;z-index:1;white-space:pre-line;cursor:pointer}.circular-menu .circular-menu-item:hover{box-shadow:0 0 1px 15px #3f4ff766,0 0 1px 30px #3f4ff71a,0 0 1px 45px #3f4ff71a}@media screen and (max-width: 1200px){.circular-menu .circular-menu-item{font-size:12px;width:60px}}@media screen and (max-width: 768px){.circular-menu{flex-direction:column;align-items:flex-end}.circular-menu .circular-menu-item{position:relative;margin:16px;width:50px;transform:none!important}}.description-item{color:#fff}.description-item h1{margin-bottom:32px}@media screen and (max-width: 1024px){.description-item{font-size:12px}.description-item h1{font-size:24px;margin-bottom:20px}}.nested-circle,.nested-circle-item{display:flex;justify-content:center;align-items:center;border-radius:50%;transform-style:preserve-3d;background:#3f4ff722}.nested-circle{aspect-ratio:1}.nested-circle-item{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600}.tilting-item-container,.tilting-item{display:flex;justify-content:center;align-items:center;height:100%}.tilting-item{width:100%}.tilting-item-container{perspective:1000px;width:150%}.tilting-item{transition:.1s ease;transform-style:preserve-3d}.menu-button{width:40px;cursor:pointer;height:40px;display:flex;z-index:1;position:relative;align-items:center;border-radius:50%;letter-spacing:1px;justify-content:center;padding:0;outline:none;border:0;background:#fff;transition:all .3s cubic-bezier(.76,0,.24,1) 0s}.menu-button:before{background:#fff;top:0;left:0;width:100%;height:100%;content:"";z-index:-1;position:absolute;transition:all 1s cubic-bezier(.215,.61,.355,1) 0s;border-radius:50%}.menu-button:hover:before{transform:scale(1.2)}.menu-button .menu-button-content{width:40px;height:40px}.menu-button .menu-button-content .menu-button-inner{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.menu-button svg{stroke:#242424}.menu-button svg line,.menu-button svg path{stroke-dashoffset:0px;stroke-Dasharray:12px,42px;transition:all .3s ease}.menu-button:hover svg path:first-child{stroke-dashoffset:6px}.menu-button:hover svg path:nth-child(2){stroke-dashoffset:3px}.menu-button.isopen svg path:first-child{stroke-dashoffset:-29px}.menu-button.isopen svg path:nth-child(2){stroke-dashoffset:-29px}.menu-button.isopen svg line{stroke-dashoffset:12px}.nav-menu{z-index:1000;position:fixed;right:0;top:0;height:100%;padding:32px}.nav-menu-container{background-color:var(--violet-color);background-image:url(/assets/blur-gTfI-hHM.png);position:absolute;top:0;right:0;transform:translate(350px);min-width:470px;height:100vh;border-top-left-radius:22px;border-bottom-left-radius:22px;transition:all .3s ease;padding:80px 50px 22px 60px;box-sizing:border-box;opacity:0;overflow-y:scroll}.nav-menu.open .nav-menu-container{transform:translate(0);opacity:1}.nav-menu .nav-menu-container .nav-menu-content{opacity:0;transform:translate(50px);transition:all .3s ease .25s}.nav-menu.open .nav-menu-container .nav-menu-content{transform:translate(0);opacity:1}.nav-menu-content ul{padding:0;list-style-type:none;margin:0;cursor:pointer}.nav-menu-content ul li a{color:#fff;position:relative;text-align:left;line-height:1.6;white-space:nowrap}.nav-menu-content .nav-menu--top{font-size:32px;margin-bottom:30px}.nav-menu-content .nav-menu--bottom{font-size:20px}.nav-menu-content .nav-menu-item .nav-menu-item-title{transform:translate(0);display:inline-block;line-height:1;transition:all .3s ease-in-out}.nav-menu-content .nav-menu-item a:hover .nav-menu-item-title{transform:translate(30px)}.nav-menu-content .nav-menu-item .nav-menu-item-cursor{left:0;width:4px;position:absolute;height:100%;display:block;transform-origin:0% 0%;transform:scaleY(0);background:var(--yellow-color);border-radius:2px;transition:all .3s ease-in-out}.nav-menu-content .nav-menu--top .nav-menu-item .nav-menu-item-cursor{top:4px}.nav-menu-content .nav-menu--bottom .nav-menu-item .nav-menu-item-cursor{top:2px}.nav-menu-content .nav-menu--top .nav-menu-item a:hover .nav-menu-item-cursor{transform:scaleY(1);height:36px}.nav-menu-content .nav-menu--bottom .nav-menu-item a:hover .nav-menu-item-cursor{transform:scaleY(1);height:24px}.nav-menu-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;visibility:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#24242480;opacity:0;transition:visibility .3s linear,opacity .3s linear}.nav-menu.open .nav-menu-overlay{visibility:visible;opacity:1}@media screen and (max-width: 768px){.nav-menu-container{width:100vw}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-bg-color: #2c2a32;--blue-color: #3f4ff7;--yellow-color: #f5a94f;--violet-color: #3a3253}html,body{height:100vh;overflow:hidden;position:relative;font-family:Noto Sans,sans-serif;margin:0;padding:0;background-color:var(--main-bg-color);background-image:url(/assets/blur-gTfI-hHM.png)}a,a:visited{color:inherit;text-decoration:none}