@font-face { font-family: LoginSans; font-style: normal; font-weight: 400; font-display: swap; src: url("/auth/design-c/fonts/dm-sans-400.woff") format("woff"); }
@font-face { font-family: LoginSans; font-style: normal; font-weight: 600; font-display: swap; src: url("/auth/design-c/fonts/dm-sans-600.woff") format("woff"); }
@font-face { font-family: LoginSerif; font-style: normal; font-weight: 400; font-display: swap; src: url("/auth/design-c/fonts/dm-serif-display-400.woff") format("woff"); }
.auth-loading .auth-header { visibility: hidden; }
html[data-auth-presentation="web-design-c"] { --ink: #202137; --muted: #626573; --line: #dee1ed; --accent: #3158f5; --sans: LoginSans,Arial,sans-serif; --serif: LoginSerif,Georgia,serif; }
html[data-auth-presentation="web-design-c"] body { background: #fff; font-family: var(--sans); line-height: 1.5; }
html[data-auth-presentation="web-design-c"] .auth-header { height: auto; width: 100%; background: #fff; border: 0; }
html[data-auth-presentation="web-design-c"] .auth-wordmark { font-family: var(--sans); text-transform: none; text-decoration: none; }
html[data-auth-presentation="web-design-c"] .auth-main { min-height: 0; background: #fff; overflow: visible; isolation: auto; }
html[data-auth-presentation="web-design-c"] .auth-main::before, html[data-auth-presentation="web-design-c"] .auth-main::after { content: none; }
html[data-auth-presentation="web-design-c"] .auth-layout { width: 100%; }
html[data-auth-presentation="web-design-c"] .auth-panel { min-height: 0; margin: 0; }
html[data-auth-presentation="web-design-c"] .auth-form, html[data-auth-presentation="web-design-c"] .auth-section { display: block; }
html[data-auth-presentation="web-design-c"] .auth-section label { display: block; color: var(--fp-ink); font: 600 13px/1.5 LoginSans,Arial,sans-serif; letter-spacing: 0; margin-bottom: 6px; }
html[data-auth-presentation="web-design-c"] #emailSection { margin-bottom: 14px; }
html[data-auth-presentation="web-design-c"] .auth-text-link { text-decoration: none; }
html[data-auth-presentation="web-design-c"] .future-item { display: block; text-align: center; font-family: var(--sans); font-weight: 400; cursor: not-allowed; }
html[data-auth-presentation="web-design-c"] .future-item span:last-child { text-transform: none; }
html[data-auth-presentation="web-design-c"] .future-magic { margin-top: 0; }
html[data-auth-presentation="web-design-c"] .auth-status { margin: 16px 0 0; padding: 12px 14px; border: 0; border-radius: 10px; background: #eef2ff; color: #263e8e; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
html[data-auth-presentation="web-design-c"] .auth-status[data-tone="error"] { background: var(--fp-error-bg); color: var(--fp-error); }
html[data-auth-presentation="web-design-c"] .auth-button:disabled { opacity: .65; cursor: wait; }
html[data-auth-presentation="web-design-c"] .auth-button-primary:not(#googleLogin)::after { content: "\2192"; font-size: 19px; line-height: 1; }
html[data-auth-presentation="web-design-c"] .password-visibility-toggle { color: #626573 !important; }
html[data-auth-presentation="web-design-c"] .password-visibility-toggle:focus-visible { outline-color: #3158f5 !important; }
html[data-auth-presentation="web-design-c"] input { min-width: 0; }




html[data-auth-presentation="web-design-c"]{--fp-blue:#3158f5;--fp-ink:#202137;--fp-muted:#626573;--fp-line:#dee1ed;--fp-paper:#fff;--fp-soft:#f5f6fc;--fp-orange:#ff7733;--fp-error:#a52646;--fp-error-bg:#fff4f6;font-family:LoginSans,Arial,sans-serif;color:var(--fp-ink);color-scheme:light;line-height:1.5;isolation:isolate;width:100%}
html[data-auth-presentation="web-design-c"] *{box-sizing:border-box}
html[data-auth-presentation="web-design-c"] [hidden]{display:none!important}
html[data-auth-presentation="web-design-c"] button,html[data-auth-presentation="web-design-c"] input,html[data-auth-presentation="web-design-c"] select{font:inherit}
html[data-auth-presentation="web-design-c"] button:focus-visible,html[data-auth-presentation="web-design-c"] a:focus-visible,html[data-auth-presentation="web-design-c"] select:focus-visible,html[data-auth-presentation="web-design-c"] summary:focus-visible{outline:3px solid var(--fp-blue);outline-offset:4px}


html[data-auth-presentation="web-design-c"] .auth-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 44px 16px;max-width:1180px;margin:auto}
html[data-auth-presentation="web-design-c"] .auth-wordmark{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:600;letter-spacing:-1px;line-height:1.2}
html[data-auth-presentation="web-design-c"] .auth-wordmark svg{color:var(--fp-orange);width:25px;height:29px;stroke-width:2.4;fill:var(--fp-orange)}
html[data-auth-presentation="web-design-c"] .auth-language{display:flex;gap:7px;align-items:center;color:var(--fp-muted);font-size:13px}
html[data-auth-presentation="web-design-c"] .auth-language svg{width:16px;height:16px}
html[data-auth-presentation="web-design-c"] .auth-language select{min-height:40px;border:0;border-radius:6px;background:var(--fp-paper);color:var(--fp-ink);padding:4px 3px}
html[data-auth-presentation="web-design-c"] .auth-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,1fr);gap:34px;align-items:start;padding:24px 44px 42px}
html[data-auth-presentation="web-design-c"] .design-art-panel{min-width:0;position:relative;padding-top:18px;align-self:stretch;display:flex;flex-direction:column}
html[data-auth-presentation="web-design-c"] .art-title{font-family:LoginSerif,Georgia,serif;font-weight:400;letter-spacing:-1.6px;font-size:44px;line-height:1.09;margin:0 0 12px;max-width:370px;position:relative;z-index:1}
html[data-auth-presentation="web-design-c"] .art-title em{color:var(--fp-blue);font-style:normal}
html[data-auth-presentation="web-design-c"] .art-copy{font-size:15px;color:var(--fp-muted);margin:0;max-width:320px;line-height:1.65}
html[data-auth-presentation="web-design-c"] .art-stage{position:relative;margin:14px -25px -15px -30px;flex:1;display:flex;align-items:center;min-height:415px}
html[data-auth-presentation="web-design-c"] .art-stage img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}
html[data-auth-presentation="web-design-c"] .auth-panel{position:relative;z-index:2;min-width:0;padding:26px 30px 25px;background:var(--fp-paper);border:1px solid #eceef5;border-radius:22px;box-shadow:0 15px 48px #20213708}
html[data-auth-presentation="web-design-c"] .auth-kicker{margin:0 0 10px;color:var(--fp-blue);font-size:11px;letter-spacing:1.7px;font-weight:600;text-transform:uppercase}
html[data-auth-presentation="web-design-c"] #authTitle{font-family:LoginSerif,Georgia,serif;font-size:40px;line-height:1.06;letter-spacing:-1.15px;font-weight:400;margin:0 0 12px;max-width:360px}
html[data-auth-presentation="web-design-c"] .auth-copy{font-size:14px;line-height:1.55;color:var(--fp-muted);margin:0 0 22px;max-width:345px}
html[data-auth-presentation="web-design-c"] .auth-button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:49px;width:100%;border:1px solid var(--fp-line);border-radius:10px;font-size:14px;font-weight:600;padding:11px 14px;background:var(--fp-paper);color:var(--fp-ink);text-align:center}
html[data-auth-presentation="web-design-c"] .auth-button:hover{background:var(--fp-soft);border-color:#b1bbdf}
html[data-auth-presentation="web-design-c"] .auth-button-primary:not(#googleLogin){background:var(--fp-blue);color:var(--fp-paper);border-color:var(--fp-blue);margin-top:15px}
html[data-auth-presentation="web-design-c"] .auth-button-primary:not(#googleLogin):hover{background:#2448d9}
html[data-auth-presentation="web-design-c"] .auth-button svg{width:17px;height:17px;flex:0 0 auto}
html[data-auth-presentation="web-design-c"] .auth-divider{display:flex;align-items:center;gap:12px;color:var(--fp-muted);font-size:12px;margin:18px 0}
html[data-auth-presentation="web-design-c"] .auth-divider:before,html[data-auth-presentation="web-design-c"] .auth-divider:after{content:'';height:1px;flex:1;background:var(--fp-line)}



html[data-auth-presentation="web-design-c"] input{width:100%;height:49px;border:1px solid #cdd2e0;border-radius:10px;padding:11px 13px;background:var(--fp-paper);color:var(--fp-ink);font-size:16px;box-shadow:none}
html[data-auth-presentation="web-design-c"] input::placeholder{color:#7b7e89;font-size:14px;opacity:1}
html[data-auth-presentation="web-design-c"] input:focus{outline:2px solid var(--fp-blue);outline-offset:2px;border-color:var(--fp-blue)}
html[data-auth-presentation="web-design-c"] input[aria-invalid=true]{border-color:var(--fp-error)}




html[data-auth-presentation="web-design-c"] .auth-text-link{border:0;background:transparent;color:var(--fp-blue);font-size:13px;font-weight:600;padding:11px 0;min-height:43px;text-align:left;display:inline-flex;align-items:center;gap:7px}
html[data-auth-presentation="web-design-c"] .auth-text-link:hover{text-decoration:underline;text-underline-offset:4px}
html[data-auth-presentation="web-design-c"] .auth-text-link svg{width:15px;height:15px}
html[data-auth-presentation="web-design-c"] .future-methods{margin-top:4px;border-top:1px solid var(--fp-line);padding-top:12px}
html[data-auth-presentation="web-design-c"] .future-methods summary{font-size:12px;color:var(--fp-muted);padding:6px 0;min-height:32px;list-style-position:inside}
html[data-auth-presentation="web-design-c"] .future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
html[data-auth-presentation="web-design-c"] .future-item{border:1px solid #e7e9f0;background:var(--fp-soft);color:#6b6e7c;border-radius:8px;font-size:11px;min-height:52px;padding:7px 3px;opacity:1}
html[data-auth-presentation="web-design-c"] .future-item span{display:block;font-size:9px;letter-spacing:.1px;margin-top:2px}
html[data-auth-presentation="web-design-c"] .future-magic{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:41px;padding:8px 10px;text-align:left}
html[data-auth-presentation="web-design-c"] .future-magic span{margin:0}
html[data-auth-presentation="web-design-c"] .access-note{font-size:11px;line-height:1.5;color:var(--fp-muted);margin:16px 0 0;padding-top:13px;border-top:1px solid #eff0f5}
html[data-auth-presentation="web-design-c"] .auth-panel.is-reset #authTitle{font-size:36px;max-width:290px}
html[data-auth-presentation="web-design-c"] .auth-panel.is-reset .auth-copy{margin-bottom:24px}
html[data-auth-presentation="web-design-c"] .auth-panel.is-reset .auth-text-link{margin-top:11px}


@media(min-width:1140px){html[data-auth-presentation="web-design-c"] .auth-layout{gap:62px;padding-top:40px}html[data-auth-presentation="web-design-c"] .auth-panel{padding:32px 38px}html[data-auth-presentation="web-design-c"] .art-title{font-size:52px;max-width:410px}html[data-auth-presentation="web-design-c"] .art-stage{margin-left:-40px;margin-right:-15px}}
@media(max-width:800px){html[data-auth-presentation="web-design-c"] .auth-header{padding:22px 25px 14px}html[data-auth-presentation="web-design-c"] .auth-layout{padding:17px 25px 32px;gap:20px;grid-template-columns:minmax(0,.95fr) minmax(310px,1fr)}html[data-auth-presentation="web-design-c"] .auth-panel{padding:23px}html[data-auth-presentation="web-design-c"] .art-title{font-size:36px}html[data-auth-presentation="web-design-c"] .art-copy{font-size:14px}html[data-auth-presentation="web-design-c"] .art-stage{margin-left:-24px;margin-right:-20px;min-height:360px}html[data-auth-presentation="web-design-c"] #authTitle{font-size:35px}}
@media(max-width:660px){html[data-auth-presentation="web-design-c"] .auth-header{padding:20px 22px 10px}html[data-auth-presentation="web-design-c"] .auth-wordmark{font-size:24px}html[data-auth-presentation="web-design-c"] .auth-layout{display:flex;flex-direction:column;gap:10px;padding:12px 22px 28px}html[data-auth-presentation="web-design-c"] .auth-panel{order:0;padding:14px 0 0;border:0;box-shadow:none;border-radius:0;max-width:440px;width:100%;margin:auto}html[data-auth-presentation="web-design-c"] #authTitle{font-size:40px;max-width:390px}html[data-auth-presentation="web-design-c"] .auth-copy{max-width:360px}html[data-auth-presentation="web-design-c"] .design-art-panel{order:1;width:100%;max-width:440px;margin:4px auto 0;padding-top:20px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:0}html[data-auth-presentation="web-design-c"] .art-title{font-size:25px;letter-spacing:-.5px;margin-bottom:0}html[data-auth-presentation="web-design-c"] .art-copy{display:none}html[data-auth-presentation="web-design-c"] .art-stage{min-height:0;margin:-6px -34px -12px -16px;grid-column:2;grid-row:1 / 3}html[data-auth-presentation="web-design-c"] .art-stage img{width:100%}html[data-auth-presentation="web-design-c"] .future-methods summary{min-height:44px;padding:11px 0}}
@media(prefers-reduced-motion:no-preference){html[data-auth-presentation="web-design-c"] .auth-button{transition:background .15s,border-color .15s}}

html[data-auth-presentation="web-design-c"] .auth-section label { margin-bottom: 6px; }

html[data-auth-presentation="web-design-c"] .auth-kicker { font-family: LoginSans,Arial,sans-serif; }
@media(max-width:660px) { html[data-auth-presentation="web-design-c"] .art-stage { margin-right: 0; } }
