.login-page{flex-direction:column;justify-content:center;width:100%;min-height:100svh;margin:0;padding:0;display:flex}.login-door{flex-direction:column;width:100%;margin:0;display:flex}.login-door>*+*{border-top:1px solid var(--color-rule)}.login-door>.login-row{box-sizing:border-box;border-top:0;padding-inline:.85rem}.login-door .plate{border:0;position:relative}.login-door .login-row>*+*{border-left:1px solid var(--color-rule)}.login-door .login-eyes{box-sizing:content-box;width:auto;height:var(--u);border:1px solid var(--color-rule);border-bottom:0;margin-inline:.85rem}.login-back{z-index:1;box-sizing:border-box;width:var(--u);height:var(--u);border:1px solid var(--color-rule);background:var(--color-paper);color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;top:.85rem;left:.85rem;transform:rotate(3deg)}.login-back svg{width:1.15rem;height:1.15rem}.login-portrait{border-top:0;transform:rotate(2deg)}.login-intro{margin:0 .85rem var(--u);border-top:0;flex-direction:column;align-self:stretch;align-items:flex-start;gap:.85rem;display:flex}.login-intro>.brand-logo,.login-intro>.login-logo{border:1px solid var(--color-rule);background:var(--color-paper);box-sizing:content-box;height:var(--u);z-index:3;align-self:center;padding:.6rem;position:relative;transform:rotate(-3deg)}.login-logo{width:calc(var(--u) * 3);height:var(--u);width:calc(var(--u) * 3);height:var(--u)}.login-face{border:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--u) calc(var(--u) + 1px);margin-inline:.85rem;display:grid}.login-door .login-face>.plate{width:auto;height:auto}.login-nose{grid-area:1/1}.login-door .login-mouth{border-top:1px solid var(--color-rule);grid-area:2/1}.login-go{height:calc(var(--u) * 2);justify-content:center;align-items:flex-end;display:flex}.login-kakao{box-sizing:border-box;height:var(--u);border:1px solid var(--color-rule);background:var(--color-paper);z-index:3;color:var(--color-ink);font:inherit;font-size:var(--t-lead);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:.4rem;padding-inline:.85rem;display:flex;position:relative;transform:rotate(-4deg)}.login-kakao>span{align-items:center;gap:.4rem;display:flex}.login-kakao:focus-visible{outline:2px solid var(--color-ink);outline-offset:-3px}.login-kakao .kakao-mark{flex:none;width:1.125rem;height:1.125rem}.login-notes{border-top:0;flex-direction:column;align-items:center;gap:.85rem;margin-top:1.7rem;padding-inline:.85rem;display:flex}.login-note{border:1px solid var(--color-rule);background:var(--color-paper);text-align:center;word-break:keep-all;z-index:3;font-size:var(--t-copy);margin:0;padding:.6rem .85rem;position:relative;transform:rotate(3deg)}.login-note a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.login-sky{z-index:2;pointer-events:none;border-top:0;position:absolute;inset:0;overflow:hidden}.login-star{border:1px solid var(--color-rule);background:var(--color-paper);font-size:var(--t-lead);white-space:nowrap;opacity:0;will-change:transform, opacity;margin:0;padding:.6rem .85rem;position:absolute;top:0;left:0}