@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:Montserrat,Arial,sans-serif;color:#f6f7fa;background:#0d1118;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;background:#0d1118}
.layout{width:min(100% - 36px,456px);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0 auto;padding:clamp(43px,9vh,86px) 0 21px}
.header{text-align:center;margin:0 auto 34px}
.logo{display:block;width:min(208px,55vw);height:auto;margin:0 auto 26px}
.accent{width:36px;height:2px;background:#24b7dd;margin:0 auto 17px}
.header p{margin:0;color:#9ba5b4;font-size:12px;font-weight:500;letter-spacing:.01em}
.links{display:grid;gap:11px}
.link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:14px 19px;border:1px solid #29323e;border-radius:10px;background:#151b25;color:#f6f7fa;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}
.link:active{transform:scale(.988)}
.link:hover,.link:focus-visible{background:#1b2531;border-color:#56a6c2;outline:none}
.copy{display:grid;gap:5px;min-width:0}
.copy strong{font-size:13px;font-weight:600;line-height:1.35;letter-spacing:.005em}
.copy small{font-size:11px;color:#9ba5b4;font-weight:400;line-height:1.35}
.arrow{font:500 21px/1 Arial,sans-serif;color:#8ca4b3;flex:none}
footer{text-align:center;color:#64707e;font-size:9px;letter-spacing:.1em;margin-top:auto;padding-top:30px}
@media(min-width:650px){.layout{padding-top:70px}.header{margin-bottom:38px}.link{min-height:69px}}
@media(max-width:350px){.layout{width:calc(100% - 26px);padding-top:37px}.link{min-height:61px;padding:11px 14px}.copy strong{font-size:12px}.copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.link{transition:none}}