*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#122127}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #fff;outline-offset:6px}.entrance{min-height:100svh;color:#fff;position:relative;isolation:isolate;background:url('assets/entrance-crisp.png') center center/cover no-repeat;display:flex;flex-direction:column}.entrance:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,24,30,.23),transparent 25%),radial-gradient(ellipse at 57% 47%,rgba(5,14,20,.59),rgba(5,14,20,.12) 48%,transparent 70%)}header{display:flex;justify-content:space-between;align-items:center;padding:15px 4%;height:112px}.small-logo{width:140px;display:block;filter:drop-shadow(0 2px 4px #0008)}nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700;text-shadow:0 1px 5px #000}.signup{padding:14px 22px;border:1px solid #e8cb89;border-radius:5px;background:#10191865}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 15px 11vh;margin-left:12%}.main-logo{width:min(470px,45vw);filter:drop-shadow(0 3px 6px #0006)}h1{font-size:clamp(13px,1.5vw,23px);font-weight:500;letter-spacing:4px;margin:0 0 32px;text-shadow:0 2px 6px #000}.enter{display:inline-flex;align-items:center;justify-content:center;gap:55px;background:linear-gradient(#f4d89b,#c99b4a);color:#161812;padding:20px 50px;border:1px solid #f7dda5;border-radius:9px;font-size:19px;font-weight:700;box-shadow:0 8px 20px #0003}.enter:hover{filter:brightness(1.07)}@media(max-width:650px){.entrance{background-position:44% center}header{height:90px;padding:10px 5%}.small-logo{width:100px}nav{gap:15px;font-size:12px}.signup{padding:12px}main{margin-left:0;padding-bottom:12vh}.main-logo{width:min(390px,90vw)}h1{font-size:12px;letter-spacing:2px;margin-bottom:25px}.enter{font-size:16px;padding:18px 38px;gap:40px}.entrance:before{background:linear-gradient(180deg,#10202b22,#10202b55 45%,#10202b44)}}@media(max-height:600px) and (min-width:651px){header{height:75px}.small-logo{width:105px}.main-logo{width:280px}main{padding-bottom:20px}h1{font-size:13px;margin-bottom:15px}.enter{padding:13px 35px}}
.main-logo{width:min(560px,49vw);margin-bottom:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.entrance{background-position:left center}@media(max-width:650px){.main-logo{width:min(480px,94vw)}.entrance{background-position:35% center}}@media(max-height:600px) and (min-width:651px){.main-logo{width:340px;margin-bottom:15px}}
@media(min-width:651px){main{margin-left:32%}.main-logo{width:min(490px,43vw)}}