.login-page{grid-template-rows:minmax(240px,1fr) auto;min-height:100svh;display:grid;position:relative}.login-page .art{background:var(--background);position:relative;overflow:hidden}.login-page .img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block;position:absolute;inset:0}.login-page .stage{display:none}.login-page .card{background:var(--surface);padding:22px 16px calc(16px + env(safe-area-inset-bottom));position:relative}.login-page .card>*{max-width:400px;margin-left:auto;margin-right:auto}.login-page .card:before,.login-page .card:after{content:"";position:absolute;left:0;right:0}.login-page .card:before{border-top:2px solid var(--foreground);top:0}.login-page .card:after{border-top:1px solid var(--foreground);top:5px}@media (min-width:900px) and (min-aspect-ratio:1){.login-page{grid-template-rows:none;grid-template-columns:1fr 440px;height:100svh;min-height:560px}.login-page .card{flex-direction:column;justify-content:center;padding:32px 40px;display:flex}.login-page .card>*{width:100%;max-width:360px}.login-page .card:before{border-top:0;border-left:2px solid var(--foreground);inset:0 auto 0 0}.login-page .card:after{border-top:0;border-left:1px solid var(--foreground);inset:0 auto 0 5px}}@media (min-width:1200px) and (min-height:640px) and (min-aspect-ratio:16/10){.login-page{--s:max(calc(100vw / 1920), calc(100vh / 1080));height:100svh;display:block;overflow:hidden}.login-page .art{position:absolute;inset:0}.login-page .img{object-position:50% 0%}.login-page .stage{width:calc(1920 * var(--s));height:calc(1080 * var(--s));pointer-events:none;display:block;position:absolute;top:0;left:50%;translate:-50%}.login-page .stage>*{margin:0;position:absolute}.login-page .col{flex-direction:column;align-items:center;display:flex}.login-page .col>span{width:var(--box);height:var(--step);line-height:var(--box);text-align:center;display:block}.login-page .title{--box:calc(200 * var(--s));--step:calc(218 * var(--s));left:calc(150 * var(--s));top:calc(228 * var(--s));font:700 var(--box) / 1 var(--font-serif);letter-spacing:0}.login-page .sub{--box:calc(30 * var(--s));--step:calc(44 * var(--s));left:calc(392 * var(--s));top:calc(208 * var(--s));font:var(--box) / 1 var(--font-kai)}.login-page .subCol>span:first-child{font:calc(26 * var(--s)) / 1 var(--font-serif)}.login-page .bigSeal{left:calc(207 * var(--s));top:calc(690 * var(--s));width:calc(86 * var(--s));height:calc(86 * var(--s));border-radius:calc(3 * var(--s));background:var(--primary);color:var(--surface);font:calc(34.4 * var(--s)) / 1 var(--font-kai);flex-direction:column;justify-content:center;align-items:center;display:flex;rotate:-2deg}.login-page .quote{--box:calc(32 * var(--s));--step:calc(37 * var(--s));right:calc(254 * var(--s));top:calc(82 * var(--s));gap:calc(14 * var(--s));font:var(--box) / 1 var(--font-kai);flex-direction:row-reverse;display:flex}.login-page .quoteCol1{position:relative}.login-page .quoteCol1:after{content:"";right:calc(-9 * var(--s));top:calc(4 * var(--step));height:calc(3 * var(--step));width:calc(8 * var(--s));background:var(--primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath d='M4 0 Q8 3 4 6 Q0 9 4 12' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") repeat-y center / 100% calc(12 * var(--s));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath d='M4 0 Q8 3 4 6 Q0 9 4 12' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") repeat-y center / 100% calc(12 * var(--s));position:absolute}.login-page .who{--box:calc(22 * var(--s));--step:calc(28 * var(--s));right:calc(196 * var(--s));top:calc(84 * var(--s));font:var(--box) / 1 var(--font-kai);color:var(--muted)}.login-page .card{border:1px solid var(--border);border-top:0;width:clamp(352px,20vw,400px);padding:26px 28px 18px;display:block;position:absolute;bottom:clamp(24px,4.4vh,56px);right:clamp(24px,3.4vw,64px)}.login-page .card>*{max-width:none}.login-page .card:before{border-left:0;border-top:2px solid var(--foreground);inset:0 0 auto}.login-page .card:after{border-left:0;border-top:1px solid var(--foreground);inset:5px 0 auto}}@media (min-width:1200px) and (min-height:640px) and (max-height:800px) and (min-aspect-ratio:16/10){.login-page .card{padding:22px 24px 14px}.login-page .head{margin-bottom:12px}.login-page .form{gap:10px}.login-page .input{height:40px}.login-page .ai{margin-top:10px;padding-top:8px}}.login-page .head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.login-page .brandName,.login-page .loginTitle{font-family:var(--font-serif);margin:0;font-weight:600;line-height:1.2}.login-page .brandName{letter-spacing:.2em;font-size:20px}.login-page .loginTitle{letter-spacing:.3em;color:var(--muted);margin-left:auto;font-size:16px}.login-page .brandSub{color:var(--muted);margin:2px 0 0;font-size:12px}@media (min-width:1200px) and (min-height:640px) and (min-aspect-ratio:16/10){.login-page .brand{display:none}.login-page .loginTitle{color:var(--foreground);margin-left:0;font-size:22px}}.login-page .form{gap:14px;margin:0;display:grid}.login-page .field{gap:6px;display:grid}.login-page .label{justify-content:space-between;align-items:baseline;font-size:14px;font-weight:500;display:flex}.login-page .label label{cursor:pointer}.login-page .label small{color:var(--muted);font-size:12px;font-weight:400}.login-page .input{width:100%;height:44px;font:inherit;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-bottom-color:var(--muted);border-radius:4px;padding:0 12px;font-size:16px}.login-page .input:hover{border-color:var(--muted)}.login-page .input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.login-page .input[aria-invalid=true]{border-color:var(--bad)}.login-page .btn{background:var(--primary);height:44px;color:var(--surface);font:inherit;letter-spacing:.5em;text-indent:.5em;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:flex}.login-page .btnLong{letter-spacing:.1em;text-indent:.1em}.login-page .actions{grid-template-columns:1fr auto;gap:10px;display:grid}.login-page .btnGhost{border:1px solid var(--border);border-bottom-color:var(--muted);background:var(--background);height:44px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:4px;padding:0 16px;font-size:14px}.login-page .btnGhost:hover{border-color:var(--muted)}.login-page .btnGhost:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-page .btn:hover{opacity:.9}.login-page .btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-page .status{min-height:21px;color:var(--muted);margin:0;font-size:12px;line-height:1.6;display:block}.login-page .err{color:var(--bad);align-items:flex-start;gap:6px;font-size:14px;line-height:1.5;display:flex}.login-page .notice{color:var(--foreground);font-size:14px;line-height:1.5}.login-page .err svg{flex:none;margin-top:3px}.login-page .note{margin:0 0 14px;font-size:14px;line-height:1.7}.login-page .ai{border-top:1px dashed var(--border);color:var(--muted);margin:14px 0 0;padding-top:10px;font-size:12px;line-height:1.6}.login-page .ai b{color:var(--foreground);font-weight:500;display:block}@media (forced-colors:active){.login-page .art,.login-page .stage{display:none}.login-page{display:block}.login-page .card{border:1px solid canvastext;width:auto;max-width:420px;margin:40px auto;position:static}.login-page .brand{display:block}}