:root{--bg:#141414;--fg:#fff;--muted:#808080;--dim:#4d4d4d;--accent:#d43f3f}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:helvetica neue,Helvetica,Arial,system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh}.brand{padding:1.4rem 3vw;font-size:1.5rem;font-weight:700;letter-spacing:.02em;color:var(--accent)}.brand-dot{color:var(--muted)}.gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2em;padding:2rem 4vw 4rem;animation:gate-in .45s ease-out both}@keyframes gate-in{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.gate{animation:none}}h1{font-weight:400;font-size:clamp(1.7rem,3.5vw,3.5rem)}.profiles{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2vw}.profile{display:flex;flex-direction:column;align-items:center;gap:.7em;text-decoration:none;color:var(--muted)}.avatar{display:block;width:clamp(84px,10vw,180px);aspect-ratio:1;border-radius:6px;overflow:hidden;border:3px solid transparent;transition:border-color .15s ease,transform .15s ease}.avatar svg{display:block;width:100%;height:100%}.name{font-size:clamp(.85rem,1.3vw,1.3rem);transition:color .15s ease}.profile:hover .avatar,.profile:focus-visible .avatar{border-color:var(--fg);transform:scale(1.04)}.profile:hover .name,.profile:focus-visible .name{color:var(--fg)}.profile:focus-visible{outline:none}.profile-add{cursor:default;color:var(--dim)}.profile-add .avatar{border-radius:6px}.profile-add:hover .avatar{border-color:var(--dim);transform:none}.profile-add:hover .name{color:var(--dim)}footer{padding:1.2rem;text-align:center;font-size:.8rem;color:var(--dim)}