.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,112px);padding-block:80px 100px;align-items:center;min-height:calc(100svh - 88px)}
.auth-story .brand{margin-bottom:40px}.auth-story h1{font-size:clamp(42px,4.5vw,72px);line-height:1.06;letter-spacing:-.055em;margin:0 0 24px}.auth-story .lead{font-size:19px;max-width:31em;line-height:1.6}.auth-benefits{list-style:none;padding:20px 0;margin:0 0 24px;display:grid;gap:16px}.auth-benefits li{display:flex;gap:12px;line-height:1.5}.auth-benefits li:before{content:'↗';color:var(--accent,#0057ff)}
.auth-card{padding:clamp(24px,3vw,44px);background:var(--panel,#fff);border:1px solid var(--line,#d7dfe8);border-radius:18px;box-shadow:0 16px 60px #16203308;min-width:0}.auth-card h2{font-size:30px;letter-spacing:-.035em;margin:0 0 28px}.auth-card .form-field{margin-bottom:20px}.auth-card input{max-width:100%;color:inherit;color-scheme:inherit}.auth-card input:not([type=checkbox]){min-height:48px;background:var(--bg,#f6f9fb);border:1px solid var(--line,#d7dfe8)}.auth-card .button.primary{width:100%;margin-top:6px;min-height:48px;justify-content:center}.auth-hint{font-size:13px;line-height:1.5;color:var(--muted,#60718a);margin:-8px 0 20px}.auth-acceptance{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:14px;margin:24px 0 18px}.auth-acceptance input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--accent,#0057ff)}.auth-acceptance a,.auth-legal a{color:var(--accent,#0057ff);text-decoration:underline;text-underline-offset:3px}.auth-notice{font-size:14px;padding:14px;border:1px solid var(--line,#d7dfe8);border-radius:8px;line-height:1.6}.auth-links{display:grid;gap:12px;margin-top:12px}.auth-links button{appearance:none;border:0;background:none;text-align:left;padding:4px 0;color:var(--accent,#0057ff);font:inherit;font-size:14px;cursor:pointer}.auth-legal{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;line-height:1.8;border-top:1px solid var(--line,#d7dfe8);padding-top:24px;margin-top:24px}.auth-card :focus-visible{outline:2px solid var(--accent,#0057ff);outline-offset:3px}.auth-card [hidden],.legal-document[hidden]{display:none!important}.auth-card button:disabled{opacity:.55;cursor:default}.legal-document{max-width:760px;margin:40px auto 80px;padding:0 24px;line-height:1.8;overflow-wrap:anywhere}.legal-document h1{font-size:clamp(36px,5vw,60px);line-height:1.15;letter-spacing:-.04em}.legal-document h2{font-size:23px;margin-top:38px;line-height:1.3}.legal-meta{max-width:760px;margin:40px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;gap:16px}.cookie-dialog{max-width:560px;width:calc(100% - 40px);max-height:80vh;overflow:auto;padding:32px;border:1px solid var(--line,#d7dfe8);border-radius:14px;color:var(--ink,#111);background:var(--panel,#fff)}.cookie-dialog::backdrop{background:#07122080}.cookie-dialog p{line-height:1.7}.cookie-dialog:focus-visible{outline:2px solid var(--accent,#0057ff)}
@media(max-width:780px){.auth-layout{grid-template-columns:minmax(0,1fr);gap:56px;padding-block:32px 64px;min-height:0}.auth-card{grid-row:1}.auth-story h1{font-size:42px}.auth-story .brand{margin-bottom:24px}.auth-story{padding-inline:8px}}
@media(prefers-reduced-motion:no-preference){.auth-card{animation:auth-enter .32s ease-out}@keyframes auth-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.auth-card h2{scroll-margin-top:120px}.admin-panel a{overflow-wrap:anywhere}.admin-panel code{overflow-wrap:anywhere}

body[data-auth-page] .nav,body[data-auth-page] [data-open-account]{display:none!important}.site-footer [data-cookie-preferences]{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer;line-height:1.6}

.auth-main{padding-top:88px}@media(max-width:780px){.auth-main{padding-top:72px}}

/* The legal navigation and archives share the fixed site header. */
.legal-page{padding:120px 0 40px;scroll-margin-top:100px}.legal-page .legal-meta{margin:0 auto 28px;padding:0 24px;max-width:948px;display:flex;gap:12px 24px;flex-wrap:wrap}.legal-page .legal-document{margin:0 auto 48px;min-width:0;overflow-wrap:anywhere}.legal-page code{word-break:break-all}.legal-page h1{font-size:clamp(30px,5vw,54px);line-height:1.12}.legal-page h2{font-size:25px;line-height:1.3}.legal-page :is(h1,h2){scroll-margin-top:112px}.cookie-dialog h2{font-size:26px;line-height:1.2}
@media(max-width:780px){.legal-page{padding-top:100px}.legal-page .legal-meta{padding:0 20px}.legal-page .legal-document{margin-inline:20px;padding:24px}}