.auth-demo{border-block:1px solid var(--border-color-base);color:var(--text-color-body);font:14px/1.55 var(--font-sans);margin:2rem 0 2.8rem;padding:1.8rem 0}.auth-demo *{box-sizing:border-box}.auth-demo p,.auth-demo figure{font-size:inherit;line-height:inherit;margin:0}.auth-demo .label{color:var(--text-color-muted);margin-bottom:.65rem;font-size:13px;display:block}.auth-demo .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.auth-demo .code{font:500 clamp(28px, 4.5vw, 46px)/1.3 var(--font-mono);letter-spacing:.03em;color:var(--text-color-strong);white-space:nowrap;display:block}.auth-demo .quiet{color:var(--text-color-muted);font-size:12px}.auth-demo .accent{color:var(--accent-600)}.auth-demo .good{color:var(--success)}.auth-demo .bad{color:var(--danger)}.auth-demo button{border:1px solid var(--border-color-base);color:var(--text-color-strong);min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:.5rem .8rem}.auth-demo button.primary,.auth-demo button[aria-pressed=true]{color:var(--background-color-base);background:var(--text-color-strong);border-color:var(--text-color-strong)}.auth-demo button.subtle{text-underline-offset:4px;color:var(--text-color-muted);border-color:#0000;text-decoration:underline}.auth-demo button:disabled{opacity:.4;cursor:default}.auth-demo :focus-visible{outline:2px solid var(--accent-600);outline-offset:4px}.auth-demo .actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.auth-demo .feedback{min-height:1.6em;margin-top:1.1rem}.auth-demo details{color:var(--text-color-muted);margin-top:1.5rem;font-size:12px}.auth-demo summary{cursor:pointer;width:fit-content;min-height:36px;padding:.5rem 0}.auth-demo details[open]>:not(summary){margin-top:.8rem}.auth-demo input[type=range]{width:100%;accent-color:var(--accent-600);min-height:44px;display:block}.auth-pair{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.auth-pair>div{min-width:0}.auth-pair .next-count{margin:.5rem 0;font-size:13px}.same-input{text-align:center}.same-input .ingredients{font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.4rem;margin:.7rem 0;font-size:12px;display:flex}.same-input .down{background:var(--border-color-base);width:1px;height:22px;margin:.7rem auto}.same-input figcaption{text-align:center;color:var(--text-color-muted);margin-top:1.4rem;font-size:13px}.setup-select{flex-wrap:wrap;gap:.5rem;display:flex}.setup-value{flex-direction:column;justify-content:center;gap:.5rem;min-height:125px;display:flex}.setup-value strong{font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--text-color-strong);font-size:clamp(17px,3vw,28px);font-weight:400}.auth-demo .uri{overflow-wrap:anywhere;font-family:var(--font-mono)}.avalanche-input{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.avalanche-bits{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.auth-demo .avalanche-bits button{width:36px;min-height:44px;font-family:var(--font-mono);padding:0}.avalanche-field{grid-template-columns:repeat(20,1fr);gap:4px;max-width:560px;margin:1.5rem 0 1rem;display:grid}.avalanche-field span{aspect-ratio:1;background:var(--background-color-card);border:1px solid var(--border-color-base);border-radius:2px;transition:background-color .18s linear}.avalanche-field span[data-changed=true]{background:var(--accent-600);border-color:var(--accent-600)}.avalanche-result{align-items:baseline;gap:.6rem;display:flex}.avalanche-result strong{font:500 32px var(--font-mono);color:var(--text-color-strong)}.hotp-window{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:.7rem;display:grid}.hotp-window span{text-align:center;font-family:var(--font-mono);border-bottom:2px solid var(--border-color-base);padding:.35rem 0}.hotp-window span[data-match=true]{border-color:var(--accent-600);color:var(--accent-600);background:var(--background-color-card)}.byte-strip{font-family:var(--font-mono);grid-template-columns:repeat(10,1fr);gap:4px;margin-block:.6rem;display:grid}.byte-strip span{text-align:center;background:var(--background-color-card);padding:.5rem 0}.byte-strip span[data-used=true]{background:var(--accent-600);color:var(--background-color-base)}.byte-strip span:last-child{outline:1px solid var(--text-color-strong);outline-offset:-1px}.totp-pair{grid-template-columns:1fr 1.2fr;align-items:center;gap:2rem;display:grid}.totp-countdown{background:var(--border-color-base);max-width:240px;height:3px;margin:.85rem 0 .4rem;overflow:hidden}.totp-countdown span{background:var(--accent-600);transform-origin:0;height:100%;display:block}.totp-window{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.totp-window>div{text-align:center;border-bottom:2px solid var(--border-color-base);padding:.65rem .2rem}.totp-window>div[data-match=true]{border-color:var(--success);background:var(--background-color-card)}.totp-window .mono{margin:.5rem 0;font-size:clamp(13px,1.7vw,17px);display:block}.totp-drift{margin-top:1.6rem}.totp-drift label{grid-template-columns:1fr auto;align-items:center;column-gap:1rem;display:grid}.totp-drift input{grid-column:1/-1}.relay-scene{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.relay-scene strong{color:var(--text-color-strong);font-weight:500;display:block}.relay-scene .quiet{overflow-wrap:anywhere}.relay-track{height:76px;margin:0 16.66%;position:relative}.relay-track:before{content:"";border-top:1px solid var(--border-color-base);position:absolute;inset:36px 0 auto}.relay-packet{pointer-events:none;width:100%;transition:transform .5s cubic-bezier(.77,0,.175,1);position:absolute;top:18px;left:0}.relay-packet span{width:fit-content;min-width:88px;color:var(--background-color-base);background:var(--text-color-strong);font-family:var(--font-mono);text-align:center;border-radius:3px;margin-left:-44px;padding:.4rem .6rem;font-size:12px;display:block}@media (width<=540px){.auth-pair,.totp-pair{gap:1rem}.totp-pair{grid-template-columns:1fr;gap:1.5rem}.auth-demo .avalanche-bits button{width:32px}.avalanche-bits{gap:4px}.avalanche-field{gap:3px}.relay-scene{gap:.5rem}.relay-scene strong{font-size:13px}.relay-scene .quiet{font-size:11px}.auth-demo .code{font-size:27px}.totp-pair .code{font-size:42px}}@media (prefers-reduced-motion:reduce){.auth-demo *,.auth-demo :before{transition:none!important;animation:none!important}}.auth-demo .story-caption{max-width:65ch;min-height:3.2em;margin-top:1.5rem;font-size:14px}.playback{align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.playback-dots{gap:5px;margin-right:auto;display:flex}.playback-dots i{background:var(--border-color-base);border-radius:50%;width:5px;height:5px}.playback-dots i[data-active=true]{background:var(--text-color-strong)}.auth-demo .playback button{min-height:44px;padding:.3rem .5rem;font-size:12px}.reveal{opacity:.12;transition:opacity .4s,transform .4s cubic-bezier(.23,1,.32,1);transform:translateY(8px)}.reveal[data-show=true]{opacity:1;transform:translateY(0)}.flow-down{opacity:.15;font-size:25px;transition:opacity .4s}.flow-down[data-on=true]{opacity:1}.formula{border:1px solid var(--border-color-base);border-radius:4px;padding:.4rem 1.5rem;display:inline-block}.formula[data-on=true]{border-color:var(--accent-600)}.setup-payload{grid-template-columns:1fr 1fr 1.2fr;gap:1rem;display:grid}.setup-payload>div{border-bottom:2px solid var(--border-color-base);padding:.8rem 0}.setup-payload>div[data-on=true]{border-color:var(--accent-600)}.setup-payload strong{font:14px var(--font-mono);overflow-wrap:anywhere;margin-top:.5rem;display:block}.setup-copies{justify-content:space-around;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.setup-copies b{font:20px var(--font-mono);margin-top:.5rem;display:block}.bit-comparison{align-items:center;gap:2rem;display:flex}.bit-word{font:24px var(--font-mono);letter-spacing:.1em}.bit-word b{font-weight:400}.bit-word b[data-on=true]{color:var(--background-color-base);background:var(--accent-600)}.verification{min-height:2em;color:var(--text-color-muted);margin-top:1.5rem}.clock-lanes{margin:1.3rem 0 2rem}.clock-lane+.clock-lane{margin-top:1.2rem}.clock-label{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.clock-label strong{font-weight:500}.time-blocks{grid-template-columns:repeat(5,1fr);padding-bottom:10px;display:grid;position:relative;overflow:hidden}.time-blocks>div{text-align:center;border-left:1px solid var(--border-color-base);padding:.5rem .15rem}.time-blocks>div[data-current=true]{background:var(--background-color-card);color:var(--accent-600)}.time-blocks span{font-size:11px}.time-blocks b{font:22px var(--font-mono);margin-top:.3rem;display:block}.time-cursor{width:100%;transition:transform .7s cubic-bezier(.77,0,.175,1);position:absolute;bottom:0;left:0}.time-cursor span{background:var(--accent-600);width:2px;height:65px;display:block}.relay-outcome{text-align:center;min-height:2em}@media (width<=540px){.setup-payload{grid-template-columns:1fr;gap:0}.bit-comparison{gap:1rem}.bit-word{font-size:18px}.setup-copies b{font-size:17px}.time-blocks span{font-size:9px}}@media (prefers-reduced-motion:reduce){.reveal{transform:none}.auth-demo *,.auth-demo :before{transition:none!important;animation:none!important}}.same-input .device-frame{width:100%;max-width:240px;color:var(--text-color-muted);margin:1rem auto 0;position:relative}.same-input .device-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.same-input .device-content{padding:38px 12px 60px;position:relative}.same-input .ingredients{margin:.4rem 0}.same-input .device-content .code{margin-top:.3rem;font-size:clamp(19px,3.6vw,32px)}.same-input .device-content .formula{padding:.35rem .7rem}.same-input .device-content .flow-down{transition:opacity .4s,transform .4s cubic-bezier(.23,1,.32,1);transform:translateY(-5px)}.same-input .device-content .flow-down[data-on=true]{transform:translateY(0)}.same-input .device-content .code[data-show=true]{color:var(--success)}.same-input .story-caption{margin-inline:auto}@media (width<=380px){.same-input .auth-pair{gap:.7rem}.same-input .device-content{padding-inline:5px}.same-input .ingredients{font-size:11px}}@media (prefers-reduced-motion:reduce){.same-input .device-content .flow-down{transform:none}}.hotp-stage{grid-template-columns:1fr 1.2fr;align-items:center;gap:2rem;display:grid}.token-shell{border:1.5px solid var(--text-color-muted);text-align:center;border-radius:22px;max-width:250px;padding:1.2rem .8rem}.token-display{background:var(--background-color-card);border:1px solid var(--border-color-base);border-radius:4px;padding:.8rem .2rem}.auth-demo .token-display .code{margin-top:.4rem;font-size:clamp(18px,3vw,30px)}.token-button-well{background:var(--border-color-base);border-radius:12px;width:fit-content;min-width:110px;margin:1rem auto .65rem;padding:3px}.token-button{border:1px solid var(--text-color-muted);background:var(--background-color-card);width:auto;height:auto;min-height:38px;color:var(--text-color-strong);box-shadow:0 3px 0 var(--text-color-muted),inset 0 1px 0 var(--background-color-base);font:500 12px var(--font-sans);border-radius:9px;justify-content:center;align-items:center;gap:.45rem;margin:0;padding:.45rem .8rem;animation:.5s cubic-bezier(.23,1,.32,1) token-press;display:flex;transform:translateY(-2px)}@keyframes token-press{0%,35%{transform:translateY(1px)}to{transform:translateY(-2px)}}.hotp-transfer{height:35px;margin:1rem 20% 0}.hotp-transfer>span{width:50%;transition:transform .7s cubic-bezier(.77,0,.175,1),opacity .18s;display:block}.hotp-transfer b{background:var(--text-color-strong);width:fit-content;color:var(--background-color-base);font:12px var(--font-mono);border-radius:3px;padding:.3rem .6rem;display:block}.fake-browser{border:1px solid var(--border-color-base);border-radius:8px;max-width:440px;margin:auto;overflow:hidden}.browser-address{border-bottom:1px solid var(--border-color-base);font:12px var(--font-mono);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.browser-address .bad{font:11px var(--font-sans);margin-left:auto}.fake-form{gap:.8rem;padding:1.2rem;display:grid}.fake-form strong{font-weight:500}.fake-field{border:1px solid var(--border-color-base);font:12px var(--font-mono);border-radius:4px;padding:.6rem}.relay-results{grid-template-columns:1fr 1fr;gap:1rem;min-height:65px;display:grid}.relay-results>div{opacity:0;transition:opacity .2s}.relay-results>div[data-shown=true]{opacity:1}.relay-results strong{font-size:13px;font-weight:500}@media (width<=540px){.hotp-stage{gap:1rem}.token-shell{padding:1rem .4rem}.counter-server .label{font-size:11px}}.enrollment-scene{grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;display:grid}.enrollment-site{border:1px solid var(--border-color-base);border-radius:7px;overflow:hidden}.qr-layout{justify-items:center;gap:.4rem;padding:1rem;display:grid}.qr-layout img{object-fit:contain;background:#fff;width:140px;max-width:100%;height:140px}.stored-secret{text-align:center;border-top:1px solid var(--border-color-base);padding:.8rem;font-size:12px}.stored-secret b{font:15px var(--font-mono);color:var(--accent-600);margin-top:.4rem;display:block}.enrollment-phone{border:1.5px solid var(--text-color-muted);text-align:center;border-radius:22px;max-width:230px;padding:1.5rem .6rem}.scan-window{border:1px solid var(--border-color-base);width:90px;height:90px;margin:auto;position:relative;overflow:hidden}.scan-window img{opacity:.3;width:100%;height:100%;display:block}.scan-window[data-scanning=true] img{opacity:1}.scan-line{background:var(--accent-600);opacity:0;height:2px;position:absolute;inset:0 0 auto}.scan-window[data-scanning=true] .scan-line{opacity:1;animation:1.8s linear both qr-scan}@keyframes qr-scan{0%{transform:translateY(0)}to{transform:translateY(88px)}}.phone-account{opacity:.15;gap:.4rem;margin-top:1rem;transition:opacity .3s;display:grid}.phone-account strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.phone-account b{font:15px var(--font-mono);color:var(--accent-600)}.phone-account .quiet{font-size:10px}.enrollment-fields{color:var(--text-color-muted);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.4rem;font-size:12px;display:flex}.enrollment-fields span{border-bottom:2px solid #0000;padding-bottom:.3rem}.enrollment-fields span[data-focus=true]{border-color:var(--accent-600);color:var(--text-color-strong)}@media (width<=540px){.enrollment-scene{grid-template-columns:1fr 1fr;gap:1rem}.enrollment-site .browser-address{font-size:10px}.qr-layout{padding:.6rem}.enrollment-phone{padding:1.2rem .4rem}.enrollment-fields{gap:.7rem;font-size:11px}}.phone-account{opacity:0}.phone-account[data-ready=true]{opacity:1}.hotp-transfer{margin-inline:0}.hotp-transfer>span{width:50%}.hotp-transfer b{margin-inline:auto}.same-input .calculation-inputs{justify-items:center;gap:.7rem;margin:.4rem 0 .6rem;display:grid}.same-input .secret-input{border:1px solid var(--border-color-base);background:var(--background-color-card);border-radius:7px;width:fit-content;padding:.55rem .7rem}.same-input .input-name{font:11px/1.4 var(--font-sans);color:var(--text-color-muted);justify-content:center;align-items:center;gap:.35rem;display:flex}.same-input .input-name svg{color:var(--accent-600);flex-shrink:0}.same-input .secret-value{font:14px/1.4 var(--font-mono);letter-spacing:.025em;color:var(--accent-600);margin-top:.35rem;display:block}.same-input .counter-input{align-items:center;gap:.6rem;display:flex}.same-input .counter-input strong{border:1px solid var(--border-color-base);background:var(--background-color-card);width:30px;height:30px;font:500 19px var(--font-mono);color:var(--text-color-strong);border-radius:4px;place-items:center;display:grid}@media (width<=380px){.same-input .secret-input{padding:.45rem .35rem}.same-input .secret-value{font-size:12px}.same-input .input-name{font-size:10px}}.hotp-explainer .hotp-stage{grid-template-columns:1fr 1.2fr;align-items:start}.received-code{border-bottom:1px solid var(--border-color-base);flex-direction:column;gap:.3rem;padding:0 0 .8rem;display:flex}.received-code strong{font-size:23px;font-weight:500}.candidate-heading{color:var(--text-color-muted);justify-content:space-between;margin:.75rem 0 .4rem;font-size:11px;display:flex}.candidate-codes{margin-bottom:.6rem}.candidate-codes>div{border-radius:4px;grid-template-columns:30px 1fr auto 18px;align-items:center;gap:.4rem;padding:.35rem .3rem;display:grid}.candidate-codes>div[data-match=true]{background:var(--background-color-card);color:var(--success);outline:1px solid var(--success)}.counter-tile{text-align:center;border:1px solid var(--border-color-base);font:13px var(--font-mono);border-radius:3px;padding:.2rem}.candidate-arrow{text-align:center;color:var(--text-color-muted)}.candidate-check{font-weight:600}.hotp-explainer .verification{margin-top:.6rem;font-size:12px}.clock-comparison{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem;display:grid}.clock-calculation{text-align:center}.clock-owner{font-size:14px;font-weight:500}.clock-reading{justify-content:center;align-items:center;gap:.6rem;margin:1rem 0 .5rem;display:flex}.clock-reading svg{color:var(--accent-600);flex-shrink:0}.clock-reading g{transition:transform .7s cubic-bezier(.77,0,.175,1)}.clock-reading .mono{color:var(--text-color-strong);font-size:24px}.interval-label{color:var(--text-color-muted);font-size:12px}.calculation-down{color:var(--text-color-muted);margin:.35rem 0;font-size:22px}.time-counter{align-items:center;gap:.7rem;font-size:12px;display:inline-flex}.time-counter b{border:1px solid var(--border-color-base);background:var(--background-color-card);width:36px;height:36px;font:22px var(--font-mono);border-radius:5px;place-items:center;display:grid}.time-explainer [data-pending=true]{opacity:.3}.time-agreement{text-align:center;color:var(--success);padding-top:1.4rem}.drift-comparison{border-top:1px solid var(--border-color-base);margin-top:1.5rem;padding-top:1rem}.drift-heading{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.7rem;font-size:12px;display:flex}.drift-heading b{font-weight:500}@media (width<=540px){.candidate-codes .mono{font-size:12px}.candidate-codes>div{grid-template-columns:24px 1fr auto 12px;gap:.2rem}.received-code strong{font-size:21px}.clock-comparison{gap:1rem}.clock-reading{gap:.35rem}.clock-reading svg{width:38px;height:38px}.clock-reading .mono{font-size:21px}.time-agreement{font-size:12px!important}}.auth-demo[data-manual=true] *,.auth-demo[data-manual=true] :before{transition:none!important;animation:none!important}.time-explainer .code[data-matched=true]{color:var(--success)}.code-agreement{max-width:340px;color:var(--success);justify-content:center;align-items:center;gap:.8rem;margin:1.3rem auto 0;display:flex}.code-agreement>span{opacity:.35;background:currentColor;flex:1;height:1px}.code-agreement strong{border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,var(--success) 6%,transparent);border-radius:5px;padding:.35rem .8rem;font-size:12px;font-weight:500}.code-agreement[data-pending=true]{color:var(--text-color-muted);opacity:1}.candidate-codes>div{grid-template-columns:30px 1fr auto}.candidate-codes>div[data-match=true]{box-shadow:inset 3px 0 0 var(--success);padding-left:.5rem}.verification-result{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:12px;display:flex}.result-tag{border:1px solid color-mix(in srgb,var(--success) 35%,transparent);background:color-mix(in srgb,var(--success) 7%,transparent);width:fit-content;color:var(--success);border-radius:5px;padding:.3rem .55rem;font-size:11px;font-weight:500;line-height:1.4;display:inline-block}.result-tag[data-tone=danger]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 6%,transparent)}.relay-results>div{border:1px solid var(--border-color-base);border-radius:7px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem;display:flex}.relay-results .label{margin:0}.relay-results strong{color:var(--text-color-strong);font-size:12px;font-weight:400}@media (width<=540px){.candidate-codes>div{grid-template-columns:24px 1fr auto}.relay-results{gap:.6rem}.relay-results>div{padding:.6rem}}.auth-demo .experiment-controls{border-block:1px solid var(--border-color-base);flex-wrap:wrap;gap:.75rem;margin:1rem 0;padding:1rem 0;display:flex}.auth-demo .experiment-controls label{flex:1;gap:.5rem;min-width:150px;font-size:13px;display:grid}.auth-demo .experiment-controls input[type=range]{width:100%;accent-color:var(--accent-600)}.auth-demo .experiment-controls button{min-width:36px;min-height:44px}.auth-demo .experiment-controls button[aria-pressed=true]{color:var(--accent-600);border-color:var(--accent-600)}.hotp-explainer .hotp-mode-toggle{margin-bottom:1rem}.hotp-explainer .hotp-mode-label{margin-bottom:.75rem;display:block}.auth-demo .enrollment-site{border:0;border-radius:12px;overflow:visible}.enrollment-heading{color:#233044;padding:22px 20px 0}.enrollment-heading strong{font-size:18px}.enrollment-heading p{font:13px var(--font-sans);color:#607088;margin:8px 0}.enrollment-site .qr-layout{background:#fff}.enrollment-site .quiet{color:#607088}.enrollment-site .stored-secret{color:#52647c;background:#f4f7fc;border-color:#dde5ef}.enrollment-site .stored-secret b{color:#285ca6}.auth-demo .enrollment-phone{color:#233044;box-sizing:border-box;background:#f7f9fc;border:5px solid #263142;border-radius:30px;width:100%;min-height:330px;margin:auto;padding:38px 16px 22px;position:relative;box-shadow:0 12px 28px #24394f1a}.enrollment-notch{background:#263142;border-radius:10px;width:60px;height:12px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.auth-demo .enrollment-phone .label{color:#233044;font-size:15px;font-weight:600}.scan-instruction{font:12px var(--font-sans);color:#607088;margin:12px 0}.auth-demo .scan-window{box-sizing:border-box;background:#fff;border:2px solid #3b78c5;border-radius:8px;width:108px;height:108px;padding:6px}.auth-demo .scan-line{background:#3474c6}.auth-demo .phone-account{color:#233044;background:#fff;border:1px solid #dbe3ed;border-radius:8px;padding:12px 8px}.auth-demo .phone-account b{color:#285ca6}.auth-demo .phone-account .quiet{color:#607088}.auth-demo .fake-browser{border:0;border-radius:12px;max-width:480px;overflow:visible}.phish-warning{color:#875013;background:#fff1d8;border-bottom:1px solid #efdbb5;padding:8px 16px;font-size:11px}.auth-demo .fake-form{color:#233044;background:#fff;gap:18px;padding:26px}.mail-brand{font:bold 20px var(--font-sans);color:#285ca6;align-items:center;gap:10px;display:flex}.mail-brand span{color:#27374b;font-size:17px;font-weight:600}.auth-demo .fake-form strong{color:#233044;font-size:22px}.auth-demo .fake-field{color:#233044;background:#f8fafd;border:1px solid #b8c6d8;border-radius:7px;padding:13px}.auth-demo .fake-form .quiet{color:#607088}@media (width<=600px){.auth-demo .enrollment-scene{grid-template-columns:1fr}.auth-demo .enrollment-phone{max-width:240px}.enrollment-heading{padding:18px 16px 0}}