.login-shell{background:#ebe8df;min-height:100svh;padding:clamp(20px,4vw,52px)}.login-page{background:#f8f6ef;border:1px solid #c8c3b7;flex-direction:column;width:min(100%,1120px);min-height:calc(100svh - clamp(40px,8vw,104px));margin:0 auto;display:flex;box-shadow:0 18px 50px #302b2112}.login-demo-feed,.login-panel label{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.login-content{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:0;display:grid;overflow:visible}.login-demo{background:#f8f6ef;justify-content:center;align-items:center;min-height:0;padding:clamp(12px,3vw,28px) clamp(16px,3vw,32px) 20px;display:flex;overflow:visible}.login-demo-stage{--slot-width:42%;--slot-pad:4px;flex:none;width:min(360px,100%);position:relative;container-type:inline-size}.login-demo-printer{z-index:1;pointer-events:none;width:100%;height:auto;display:block;position:relative}.login-demo-slot{left:calc(50% - var(--slot-width) / 2);width:var(--slot-width);z-index:4;pointer-events:none;height:0;position:absolute;bottom:calc(42.47% - 2px);overflow:hidden}.login-demo-slot-bar{top:calc(57.53% + 2px);left:calc(50% - var(--slot-width) / 2 - var(--slot-pad));z-index:5;width:calc(var(--slot-width) + var(--slot-pad) * 2);pointer-events:none;background:#111;height:2px;margin-top:-1px;position:absolute}.login-demo-slot.is-feeding{animation:1.4s linear forwards login-slot-feed}.login-demo-slot.is-printed{height:calc(42cqw * var(--slip-ratio,1.6))}.login-demo-slot.is-retracting{height:0;transition:height .28s cubic-bezier(.23,1,.32,1)}.login-demo-paper{background:#fff;width:100%;position:absolute;top:0;left:0;box-shadow:0 -8px 22px #19171124}.login-demo-paper:after{display:none}.login-demo-feed{z-index:6;color:#f4f8fc;cursor:pointer;letter-spacing:.06em;pointer-events:auto;background:linear-gradient(#8eb4db 0%,#5f8fbf 100%);border:1px solid #6f97c4;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-size:9px;font-weight:700;line-height:1;transition:transform .14s cubic-bezier(.23,1,.32,1),filter .16s;display:grid;position:absolute;bottom:calc(14% + 2px);left:calc(50% + 1px);transform:translate(-50%);box-shadow:inset 0 1px #ffffff59,0 6px 14px #28466e38}.login-demo-feed:active{transform:translate(-50%)scale(.96)}.login-demo-status{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes login-slot-feed{0%{height:0}to{height:calc(42cqw * var(--slip-ratio,1.6))}}@media (prefers-reduced-motion:reduce){.login-demo-slot,.login-demo-slot.is-feeding,.login-demo-slot.is-printed,.login-demo-slot.is-retracting{height:calc(42cqw * var(--slip-ratio,1.6));transition:none;animation:none}.login-demo-feed{display:none}}.login-panel{background:#fffefa;border-left:1px solid #d8d4ca;place-items:center;padding:clamp(42px,6vw,76px);display:grid}.login-panel form{width:min(100%,356px)}.login-panel label{color:#5f5c54;margin-bottom:9px;font-weight:650;display:block}.login-panel input{background:#fff;border:1px solid #bdb8ac;border-radius:2px;outline:0;width:100%;height:48px;padding:0 13px;transition:border-color .16s,box-shadow .16s}.login-panel input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #17171417}.login-panel button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:2px;width:100%;height:48px;margin-top:12px;font-weight:630;transition:background-color .16s,transform .14s cubic-bezier(.23,1,.32,1)}.login-panel button:active{transform:scale(.98)}.login-panel button:disabled{cursor:wait;opacity:.65}.login-error{color:var(--danger);margin:12px 0 0;font-size:12px;line-height:1.5}@media (hover:hover) and (pointer:fine){.login-panel button:hover{background:#32322d}.login-demo-feed:hover{filter:brightness(1.06)}}@media (max-width:800px){.login-shell{padding:0}.login-page{min-height:100svh;box-shadow:none;border:0}.login-content{grid-template-columns:1fr}.login-demo{align-items:flex-start;padding:20px 24px 8px}.login-demo-stage{width:min(300px,100%)}.login-panel{border-top:1px solid #d8d4ca;border-left:0;padding:52px 24px 64px}}