*,:before,:after{box-sizing:border-box}:root{--highlight:#6e3393}html{background:#4c1d95}body{z-index:0;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:0 0;flex-direction:column;justify-content:safe center;align-items:center;margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative}body:before{content:"";z-index:-1;background:#4c1d95 url(/background.webp) 50%/cover no-repeat;position:fixed;inset:0}main{width:min(400px,100%)}.logo{margin:0 0 28px}.logo img{width:100%;height:auto;display:block}.links{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.links a{color:#2e1064;letter-spacing:.01em;text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#dedfe0;border-radius:14px;justify-content:center;align-items:center;min-height:56px;padding:12px 20px;font-size:1.0625rem;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.links a:focus-visible{outline-offset:3px;outline:3px solid #fff}.links a:active{color:var(--highlight);background:#d0d1d2}@media (hover:hover) and (pointer:fine){.links a:hover{box-shadow:0 0 0 3px var(--highlight);background:#eeeff0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.links a:hover{transform:scale(1.04)}}@media (prefers-reduced-motion:no-preference){.links a{transition:background-color .15s,box-shadow .15s,color .15s,transform .15s}}@media (height<=520px){body{justify-content:flex-start}}