.auth-app{block-size:100dvh;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);position:relative;overflow:hidden}.auth-app :is(.stop,.msg,.mailto) button{border:0;background:none;padding:0;cursor:pointer}.auth-brand{position:relative;overflow:hidden;padding-block:44px;padding-inline:46px;display:flex;flex-direction:column;background:var(--brand-panel);color:var(--on-brand-panel)}.auth-brand:before{content:"";position:absolute;inset:-30% -20% auto -20%;block-size:130%;background:var(--grad-full);opacity:.3;filter:blur(70px);animation:y-auth-drift 26s var(--ease-settle) infinite alternate}@keyframes y-auth-drift{0%{transform:translate3d(-6%,-4%,0) rotate(-4deg) scale(1.05)}to{transform:translate3d(8%,6%,0) rotate(5deg) scale(1.18)}}.auth-brand>*{position:relative;z-index:1}.bmark{display:flex;align-items:center;gap:11px}.auth-mark{display:block;inline-size:30px;block-size:30px}.wm{font:300 .9375rem/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase}.wm .ky{margin-inline-start:.09em}.bmid{margin-block:auto;padding-block:30px}.bmid h2{font:300 2.5rem/1.12 var(--font-display);letter-spacing:-.03em;max-inline-size:13ch;white-space:pre-line}.bmid p{font:400 .90625rem/1.65 var(--font-ui);color:color-mix(in srgb,var(--on-brand-panel) 72%,transparent);margin-block-start:16px;max-inline-size:34ch}.bmid .swap{display:block;animation:y-auth-swap .5s var(--ease-lift) both}@keyframes y-auth-swap{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bfoot{display:flex;gap:18px;font:400 .75rem/1 var(--font-ui);color:color-mix(in srgb,var(--on-brand-panel) 50%,transparent);flex-wrap:wrap}.bfoot span{display:inline-flex;gap:7px;align-items:center}.bfoot i{inline-size:4px;block-size:4px;border-radius:50%;background:currentColor;font-style:normal}.slog{font:400 .8125rem/1.4 var(--font-ui);color:color-mix(in srgb,var(--on-brand-panel) 55%,transparent);margin-block-end:14px}.side{flex-direction:column;overflow-y:auto;padding-block:28px 30px;padding-inline:30px}.side,.stop{display:flex}.stop{align-items:center;gap:10px;justify-content:flex-end;font:400 .78125rem/1 var(--font-ui);color:var(--ink-400);flex:none}.stop button{color:var(--accent-text);font-weight:500}.stop button:hover{text-decoration:underline}.wrap{margin:auto;inline-size:100%;max-inline-size:380px;padding-block:36px}.auth-notice{margin-block-end:var(--s-4)}.auth-card{animation:y-auth-in .42s var(--ease-lift) both}@keyframes y-auth-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-card h1{font:300 1.75rem/1.18 var(--font-display);letter-spacing:-.026em}.auth-card .lead{font:400 .875rem/1.6 var(--font-ui);color:var(--ink-500);margin-block-start:9px}.fld{margin-block-start:22px;position:relative}.fld label{display:block;font:500 .71875rem/1 var(--font-ui);color:var(--ink-700);margin-block-end:7px}.fld input{inline-size:100%;block-size:50px;padding-inline:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-900);font:400 .96875rem/1 var(--font-ui);outline:none;transition:border-color var(--d-quick) var(--ease-settle),box-shadow var(--d-quick) var(--ease-settle)}.fld input::placeholder{color:var(--ink-300)}.fld input:focus{border-color:var(--accent);box-shadow:var(--focus)}.fld input.bad{border-color:var(--danger);box-shadow:0 0 0 3px rgba(208,26,87,.16)}.msg{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;font:400 .78125rem/1.5 var(--font-ui);margin-block-start:8px;color:var(--ink-400);min-block-size:19px}.msg.err{color:var(--danger)}.msg.ok{color:var(--success)}.msg b,.msg button{font-weight:600}.msg button{color:var(--accent-text);text-decoration:underline}.wrap .auth-submit{block-size:50px;inline-size:100%;border-radius:var(--r-md);font:600 .9375rem/1 var(--font-ui)}.wrap .auth-help-toggle{block-size:34px;border-radius:var(--r-sm);font-size:.8125rem;margin-block-start:6px}.go{margin-block-start:18px}.or{display:flex;align-items:center;gap:12px;margin-block:20px;color:var(--ink-300);font:400 .75rem/1 var(--font-ui)}.or:after,.or:before{content:"";flex:1 1;block-size:1px;background:var(--line)}.socials{display:grid;gap:8px}.soc{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;block-size:46px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-900);font:500 .875rem/1 var(--font-ui);text-decoration:none;cursor:pointer;transition:border-color var(--d-quick) var(--ease-settle),background var(--d-quick) var(--ease-settle)}.soc:hover{border-color:var(--accent-300);background:var(--surface-2)}.soc .g{inline-size:17px;block-size:17px;flex:none}.fine{font:400 .71875rem/1.6 var(--font-ui);color:var(--ink-300);margin-block-start:20px}.mailto{display:inline-flex;align-items:center;gap:8px;block-size:32px;padding-inline:12px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);font:400 .8125rem/1 var(--font-mono);color:var(--ink-700);margin-block-start:14px;max-inline-size:100%;overflow:hidden}.mailto .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailto button{color:var(--accent-text);font:500 .75rem/1 var(--font-ui);flex:none}.code{display:flex;gap:9px;margin-block-start:22px}.code input{inline-size:100%;min-inline-size:0;block-size:60px;text-align:center;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-900);font:300 1.625rem/1 var(--font-display);outline:none;padding:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border-color var(--d-quick) var(--ease-settle),box-shadow var(--d-quick) var(--ease-settle),transform var(--d-base) var(--ease-lift)}.code input:focus{border-color:var(--accent);box-shadow:var(--focus)}.code input.fill{border-color:var(--accent-300)}.code.bad{animation:y-auth-shake .4s var(--ease-settle)}.code.bad input{border-color:var(--danger)}@keyframes y-auth-shake{10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(4px)}50%{transform:translateX(-4px)}}.help{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);padding:14px;margin-block-start:16px;animation:y-auth-in .3s var(--ease-lift) both}.help h4{font:500 .78125rem/1 var(--font-ui);margin-block-end:9px}.help ul{margin:0;padding-inline-start:18px}.help li{font:400 .78125rem/1.6 var(--font-ui);color:var(--ink-500);margin-inline-start:-8px}@media (max-width:900px){.auth-app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.auth-brand{padding-block:18px;padding-inline:20px;flex-direction:row;align-items:center;gap:14px}.auth-brand:before{inset:-160% -20% auto -20%;block-size:400%}.bend,.bmid{display:none}.side{padding-block:20px 24px;padding-inline:20px}.wrap{padding-block:10px}}@media (max-width:420px){.auth-card h1{font-size:1.5rem}.code{gap:6px}.code input{block-size:52px;font-size:1.375rem}}