@charset "UTF-8";
:root{color-scheme:dark;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#080b0b;color:#e7ebe7}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
.entrance{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#132020 0%,#0d1414 25%,#080b0b 62%)}
.entrance:before{content:"";position:absolute;inset:28px;border:1px solid rgba(179,197,190,.08);pointer-events:none}
.entrance-top{position:absolute;top:51px;left:0;right:0;margin:0;text-align:center;font-size:8px;letter-spacing:.24em;line-height:1.8;color:#899a94}
.enter-link{position:relative;display:flex;flex-direction:column;align-items:center;padding:35px 28px 25px;gap:58px;transform:translateY(16px);mix-blend-mode:lighten;animation:none}
.logo-window{display:block;position:relative;width:clamp(280px,54vw,760px);height:90px;overflow:hidden}
.logo-window img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%);opacity:.92;transition:opacity .45s}
.enter-label{display:flex;align-items:center;justify-content:space-between;gap:38px;border-bottom:1px solid #47605b;padding:0 1px 12px;font-size:9px;letter-spacing:.24em;color:#adbcb5;transition:color .3s,border-color .3s}
.enter-arrow{font-size:19px;line-height:1;font-weight:300;letter-spacing:0;transition:transform .3s}
.enter-link:hover .logo-window img{opacity:1}.enter-link:hover .enter-label{color:#fff;border-color:#b8c6bd}.enter-link:hover .enter-arrow{transform:translate(3px,-3px)}
.enter-link:focus-visible{outline:1px solid #91aaa1;outline-offset:14px}
.entrance-bottom{position:absolute;bottom:53px;left:57px;right:57px;display:flex;justify-content:space-between;gap:24px;color:#81918a;font-size:8px;letter-spacing:.17em;line-height:1.8}
@keyframes appear{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(16px)}}
@media(max-width:600px){.entrance:before{inset:18px}.entrance-top{top:41px;font-size:7px;letter-spacing:.17em}.enter-link{padding:24px 14px;gap:40px}.logo-window{width:82vw;height:80px}.enter-label{font-size:8px;gap:32px}.entrance-bottom{bottom:37px;left:34px;right:34px;font-size:6px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
