html,body,#app{width:100%;min-height:100%;margin:0}body{color:#fff;background:#000;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.screen{background-color:#0d0d0d;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.hero{flex-direction:column;align-items:center;gap:72px;width:min(1120px,100%);display:flex}.logo{width:min(364px,68vw);height:auto;display:block}.logo-link,.item-link{flex-direction:column;align-items:center;transition:transform .25s,filter .25s;display:inline-flex}.logo-link{filter:drop-shadow(0 0 #69e8c100)drop-shadow(0 0 #69e8c100);border-radius:24px;padding:8px}.item-link{gap:18px}.item-frame{width:165px;height:165px;display:block;position:relative}.item-frame:after{content:"";opacity:.65;pointer-events:none;border:2px solid #69e8c1bf;border-radius:50%;transition:opacity .25s,transform .25s,box-shadow .25s,border-color .25s;position:absolute;inset:0;box-shadow:0 0 16px #69e8c129}.logo-link:hover,.logo-link:focus-visible,.item-link:hover,.item-link:focus-visible{transform:scale(1.02)}.logo-link:hover,.logo-link:focus-visible{filter:drop-shadow(0 0 8px #69e8c18c)drop-shadow(0 0 18px #69e8c159)}.item-link:hover .item-frame:after,.item-link:focus-visible .item-frame:after{opacity:1;border-color:#69e8c1;transform:scale(1.04);box-shadow:0 0 22px #69e8c166}.logo-link:focus-visible,.item-link:focus-visible{outline-offset:6px;outline:2px solid #69e8c1}.items{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:28px;width:100%;display:grid}.item{text-align:center;flex-direction:column;align-items:center;display:flex}.item-link{cursor:pointer;position:relative}.item-image{width:min(165px,100%);height:auto;display:block}.item-label{text-wrap:balance;text-shadow:0 0 18px #00000073;max-width:150px;margin:18px 0 0;font-size:.95rem;font-weight:800;line-height:1.15}@media (width<=960px){.hero{gap:56px}.items{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}.item{width:min(180px,100%)}}@media (width<=640px){.screen{padding:32px 20px 48px}.hero{gap:40px}.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.logo{width:min(300px,82vw)}.logo-link{padding:6px}.item-frame{width:150px;height:150px}.item-image{width:min(150px,100%)}.item-label{max-width:120px;font-size:.9rem}}