.layout-auth{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px;box-sizing:border-box;background:var(--bg);--auth-field-bd:var(--border-2);--auth-hint:var(--text-3)}html:not([data-skin=graphite]) .layout-auth{--auth-field-bd:oklch(.66 .02 var(--brand-h1));--auth-hint:oklch(.55 .015 var(--brand-h1))}html:not([data-skin=graphite])[data-theme=dark] .layout-auth{--auth-field-bd:oklch(.5 .02 var(--brand-h1));--auth-hint:oklch(.7 .008 250)}.layout-auth-sky{position:absolute;left:0;right:0;top:0;z-index:0;height:clamp(240px,38vh,420px);overflow:hidden;background:linear-gradient(168deg,oklch(.19 .07 var(--brand-h1)) 0,oklch(.15 .08 var(--brand-h2)) 60%,oklch(.12 .07 var(--brand-h2)));border-bottom:1px solid var(--border)}.layout-auth-sky .sb-comet{--cleft:-200px}.layout-auth-mark{position:absolute;left:52px;bottom:28px;z-index:2;display:flex;align-items:center;gap:14px}.layout-auth-mark img{width:28px;height:28px;border-radius:var(--r-field);-o-object-fit:cover;object-fit:cover}.layout-auth-mark span{font-family:var(--f-mono),ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.3em;color:#ced1d6}.layout-auth-mode{position:absolute;top:24px;right:24px;z-index:2;width:38px;height:38px;border-radius:var(--r-control);display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:1px solid oklch(100% 0 0deg/.5);color:#ffffffd1;transition:background .14s,border-color .14s,color .14s}.layout-auth-mode:hover{background:#ffffff1f;border-color:#ffffffbf;color:#fff}.layout-auth-mode:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layout-auth-body{position:relative;z-index:2;width:100%;display:flex;justify-content:center}.layout-auth-block{width:100%;max-width:420px;box-sizing:border-box;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-surface);box-shadow:var(--shadow-md,none)}.layout-auth-title{text-align:center;margin:0 0 6px;font-family:var(--f-display),system-ui,sans-serif;font-weight:600;font-size:23px;letter-spacing:-.005em;color:var(--text)}.layout-auth-subtitle{text-align:center;margin:0 0 28px;font-size:14px;color:var(--text-2)}.layout-auth-msg{text-align:center;margin-bottom:20px;padding:11px 14px;border:1px solid transparent;border-radius:var(--r-panel);font-size:14px;background:var(--st-green-bg);color:var(--st-green-fg)}.layout-auth-msg.error{background:var(--st-red-bg);color:var(--st-red-fg)}.layout-auth-form{width:100%}.layout-auth-form .ai-item{margin-bottom:14px}.layout-auth-form .ai-error{margin-top:6px;font-size:12px;color:var(--neg)}.layout-auth-form .ai-field{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--surface);border:1px solid var(--auth-field-bd);border-radius:var(--r-field);transition:border-color .14s,box-shadow .14s}.layout-auth-form .ai-field:hover{border-color:var(--text-3)}.layout-auth-form .ai-field.is-focus{border-color:var(--text);box-shadow:0 0 0 2px var(--focus)}.layout-auth-form .ai-eye,.layout-auth-form .ai-prefix{display:inline-flex;align-items:center;color:var(--auth-hint)}.layout-auth-form .ai-eye{border:0;background:none;cursor:pointer;padding:0}.layout-auth-form .ai-eye:hover{color:var(--text)}.layout-auth-form .ai-eye:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layout-auth-form .ai-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--text)}.layout-auth-form .ai-input::-moz-placeholder{color:var(--auth-hint)}.layout-auth-form .ai-input::placeholder{color:var(--auth-hint)}.layout-auth-form .ai-btn{width:100%;height:46px;margin-top:6px;border:none;border-radius:var(--r-control);cursor:pointer;font-family:var(--f-display),system-ui,sans-serif;font-weight:600;font-size:14px;background:var(--brand);color:var(--brand-fg);transition:background .14s,filter .14s}.layout-auth-form .ai-btn:hover{background:var(--brand-strong)}.layout-auth-form .ai-btn:disabled{opacity:.75;cursor:default}.layout-auth-form .ai-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layout-auth-footer-links{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:22px}.layout-auth-footer-links a{padding:7px 12px;border-radius:var(--r-control);font-size:13px;font-weight:500;text-decoration:none;color:var(--brand-ink);transition:background .14s}.layout-auth-footer-links a:hover{background:var(--surface-2)}.layout-auth-footer-links a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}html[data-skin=graphite] .layout-auth-sky{background:#070e15}@media(max-width:1199px){.layout-auth-sky{height:clamp(220px,34vh,340px)}.layout-auth-mark{left:32px;bottom:24px}}@media(max-width:899px){.layout-auth-sky{height:clamp(180px,28vh,240px)}.layout-auth-mode{top:16px;right:16px}.layout-auth-mark{top:18px;bottom:auto;left:20px}.layout-auth{padding:28px 16px}}@media(max-width:480px){.layout-auth-mark{gap:10px}.layout-auth-block{padding:28px 20px}.layout-auth-title{font-size:21px}.layout-auth-subtitle{margin-bottom:22px}}@media(max-height:500px)and (orientation:landscape){.layout-auth-sky{height:clamp(120px,30vh,160px)}.layout-auth-mark{top:14px;bottom:auto}.layout-auth{padding:20px 16px}.layout-auth-block{padding:20px 24px}.layout-auth-subtitle{margin-bottom:18px}.layout-auth-form .ai-item{margin-bottom:10px}.layout-auth-form .ai-field{padding:9px 13px}.layout-auth-form .ai-btn{height:42px}.layout-auth-footer-links{margin-top:14px}}