:root{color-scheme:dark}
*{box-sizing:border-box}
html{min-height:100%;background:#171b22}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#f3f3f6}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:56px 28px 32px;background:radial-gradient(ellipse 55% 45% at 50% 46%,#353545 0%,#20232e 53%,#171b22 100%)}
.page::before,.page::after{content:"";position:absolute;left:50%;top:46%;width:min(88vw,900px);aspect-ratio:1;border:1px solid rgba(226,224,240,.09);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.page::after{width:min(58vw,570px);border-color:rgba(226,224,240,.055)}
.page-content{z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto 0;transform:translateY(25px)}
.inuo-logo{display:block;width:min(44vw,390px);min-width:225px;height:auto}
.divider{height:1px;width:38px;background:#c6bedb;margin:47px 0 30px}
h1{font-size:clamp(27px,3.5vw,47px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0}
.official-link{display:inline-flex;align-items:center;gap:19px;color:#e9e6ef;text-decoration:none;border-bottom:1px solid #a9a4b6;margin-top:35px;padding:0 0 10px;font-size:14px;letter-spacing:.025em;transition:color .2s,border-color .2s}
.official-link:hover{color:#fff;border-color:#fff}
.official-link:focus-visible{outline:2px solid #fff;outline-offset:6px}
.official-link span{font-size:20px;line-height:1}
footer{z-index:1;width:100%;display:flex;justify-content:center;margin-top:auto;padding-top:25px;border-top:1px solid rgba(255,255,255,.12)}
footer img{display:block;width:clamp(155px,18vw,215px);height:auto}
@media(max-width:600px){.page{padding:42px 24px 27px}.page::before{width:140vw}.page::after{width:95vw}.page-content{transform:translateY(10px)}.inuo-logo{width:min(70vw,320px)}.divider{margin:40px 0 27px}.official-link{margin-top:32px}footer img{width:165px}}