@media (width>=1024px){.login-ground{-webkit-mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);-webkit-mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);mask-image:var(--reos-edge-right-in), linear-gradient(#000, #000);-webkit-mask-position:100% 0,0 0;mask-position:100% 0,0 0;-webkit-mask-size:12px 360px,calc(100% - 10px) 100%;mask-size:12px 360px,calc(100% - 10px) 100%;-webkit-mask-repeat:repeat-y,no-repeat;mask-repeat:repeat-y,no-repeat}}.login-scrap{transform-origin:0 100%;--idle:3.1s;--idle-delay:-900ms;--r1:-1.4deg;--r2:.7deg}.login-stage{width:calc(var(--login-pass,220px) * 1.7);aspect-ratio:880/997;flex:none;max-width:none;position:relative}.login-back{transform-origin:50% 100%;--idle:2.7s;--idle-delay:-1500ms;--r1:-.6deg;--r2:.5deg}.login-card-pose{width:var(--login-pass,220px);margin-left:calc(var(--login-pass,220px) / -2);position:absolute;top:44%;left:50%;translate:0 -50%;rotate:3deg}.login-card{border:1px solid var(--color-border);background:var(--color-field-bg);box-shadow:var(--shadow-raised);color:var(--color-text);border-radius:13px;position:relative;container-type:inline-size}.login-card-inner{flex-direction:column;padding:9cqw;display:flex}.login-card-top{justify-content:space-between;align-items:center;display:flex}.login-card-logo{width:auto;height:5.4cqw;color:var(--color-forest-green);display:block}.login-disc{width:17cqw;height:17cqw;color:var(--color-deep-ink);background:url(/img/shared/yellow-tex.webp) 50%/cover;border-radius:9999px;place-items:center;display:grid}.login-disc svg{width:8cqw;height:8cqw}.login-rule{background-image:radial-gradient(circle, var(--color-forest-green) 1px, transparent 1.2px);opacity:.55;background-size:6px 2px;height:2px;margin-top:8cqw}.login-grid{grid-template-columns:repeat(7,1fr);justify-items:center;gap:3.6cqw 0;margin-top:9cqw;display:grid}.login-cell{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-text-muted) 38%, transparent);border-radius:9999px;width:6.6cqw;height:6.6cqw;display:block;position:relative}.login-cell--punched{background:var(--color-forest-paper);border:0;box-shadow:inset 0 1px 1.5px #00000059,0 1px #ffffffb3}.login-cell--today{border:1.5px dashed var(--color-forest-green);transform:scale(1.25)}.login-cell--today.login-cell--punched{border:0;transform:none}.login-chad{background:var(--color-field-bg);box-shadow:0 0 0 1px var(--color-border), 0 1px 2px #0000004d;opacity:0;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.login-strap{pointer-events:none;width:8.5%;height:auto;margin-left:-4.25%;position:absolute;bottom:92%;left:50%;rotate:-2deg}@keyframes login-press{0%{transform:none}20%{transform:translateY(3px)rotate(-.6deg)}55%,to{transform:none}}@keyframes login-hole{0%{transform:scale(.35)}30%{transform:scale(1.2)}60%,to{transform:none}}@keyframes login-chad{0%{opacity:1;transform:none}25%{opacity:1;transform:translate(40%,260%)rotate(25deg)}50%{opacity:1;transform:translate(90%,720%)rotate(70deg)}75%{opacity:1;transform:translate(120%,1300%)rotate(110deg)}to{opacity:0;transform:translate(120%,1300%)rotate(110deg)}}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .login-card-pose:has(.login-punch){animation:.6s step-end both login-press}:root:not([data-reduce-motion=reduce]) .login-punch{animation:.42s step-end .12s both login-hole}:root:not([data-reduce-motion=reduce]) .login-chad{animation:.96s step-end .18s both login-chad}}.login-pass-size{--login-pass:min(168px, 44vw)}@media (width>=600px){.login-pass-size{--login-pass:184px}}@media (width>=1024px){.login-pass-size{--login-pass:clamp(180px, min((100dvh - 300px) / 1.93, (44vw - 106px) / 1.7), 290px)}}