.auth{min-height:var(--app-h);display:grid;place-content:center;grid-gap:1.25rem;gap:1.25rem;padding:calc(1.5rem + env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom))}.auth,.auth__brand{justify-items:center}.auth__brand{display:grid;grid-gap:.25rem;gap:.25rem;text-decoration:none;font-family:var(--font-display);font-size:2rem;font-weight:800}.auth__brand img{border-radius:20px;border:var(--stroke) solid var(--navy);box-shadow:var(--pop);animation:bob 3s ease-in-out infinite}.auth__card{position:relative;width:min(420px,calc(100vw - 2rem));padding:1.5rem}.auth__mascot{position:absolute;top:-104px;right:-4px;width:64px;height:auto;pointer-events:none;animation:bob 3s ease-in-out infinite}.password{position:relative}.password .input{padding-right:4.5rem}.password__toggle{position:absolute;top:50%;right:.4rem;translate:0 -50%;min-width:3.4rem;height:34px;border:2px solid var(--navy);border-radius:10px;background:var(--cream-2);color:var(--navy);font:inherit;font-family:var(--font-display);font-weight:800;cursor:pointer}.password__toggle:active{scale:.94}.auth__note{max-width:420px;text-align:center;font-size:.82rem;font-weight:700;color:var(--white);text-shadow:0 1px 0 var(--navy)}@keyframes bob{50%{translate:0 -6px}}.invite-card{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 1rem;padding:.7rem .85rem;background:linear-gradient(135deg,#fff6d6,#ffe7f1);border:var(--stroke) solid var(--navy);border-radius:var(--radius-sm);box-shadow:var(--pop-sm)}.invite-card p{margin:0;font-size:.92rem;line-height:1.35}