.auth-page{padding-block:clamp(2.4rem,5vw,4.2rem) clamp(4rem,7vw,6rem)}.auth-shell{max-width:27rem;margin:0 auto}.auth-head{text-align:center;margin-bottom:1.7rem}.auth-head .eyebrow{justify-content:center}.auth-head h1{font-size:clamp(1.9rem,4vw,2.5rem);letter-spacing:-.015em;margin-top:.55rem}.auth-head .lead{font-size:1.02rem;margin-top:.7rem;max-width:34ch;margin-inline:auto}.authcard{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);padding:clamp(1.5rem,3vw,2rem)}.auth-panel{display:none}.auth-panel.on{display:block}[data-motion=on] .auth-panel.on.animate{animation:authfade .4s cubic-bezier(.2,.8,.3,1) both}@keyframes authfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-methods{display:flex;flex-direction:column;gap:.7rem}.mbtn{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;font-family:var(--font-body);font-size:.98rem;font-weight:540;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:.85rem 1rem;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s,background .18s}.mbtn:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.mbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mbtn .mic{width:26px;flex-shrink:0;display:grid;place-items:center;color:var(--ink-2)}.mbtn .mtx{display:flex;flex-direction:column;gap:.12rem;min-width:0}.mbtn .mtx b{font-weight:580}.mbtn .mtx span{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-3);letter-spacing:.01em}.mbtn .mgo{margin-left:auto;color:var(--ink-3);transition:transform .18s;flex-shrink:0}.mbtn:hover .mgo{transform:translate(3px);color:var(--ink-2)}.mbtn .last-badge{margin-left:auto;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);padding:.2rem .5rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.mbtn .last-badge+.mgo{margin-left:.6rem}.mbtn.primary .last-badge{color:var(--on-accent);background:color-mix(in oklab,var(--on-accent) 16%,transparent);border-color:color-mix(in oklab,var(--on-accent) 40%,transparent)}.mbtn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px #0000001f,0 10px 24px -12px var(--accent)}.mbtn.primary .mic,.mbtn.primary .mgo{color:var(--on-accent)}.mbtn.primary .mtx span{color:color-mix(in oklab,var(--on-accent) 75%,transparent)}.mbtn.primary:hover{border-color:var(--accent);box-shadow:0 1px 2px #0000001f,0 16px 30px -12px var(--accent)}.auth-or{display:flex;align-items:center;gap:.9rem;margin:1.3rem 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border-2)}.auth-or span{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.auth-emailform{display:flex;flex-direction:column;gap:.8rem}.auth-emailform .btn{justify-content:center;width:100%;font-size:1rem;padding:.85rem 1.3rem}.auth-emailform .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-foot{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--ink-2)}.auth-foot a{color:var(--ink);border-bottom:1px solid var(--border)}.auth-foot a:hover{color:var(--accent);border-color:var(--accent)}.auth-legal{margin-top:1.1rem;text-align:center;font-size:.8rem;color:var(--ink-3);line-height:1.55}.auth-legal a{color:var(--ink-2);border-bottom:1px solid var(--border)}.auth-legal a:hover{color:var(--accent);border-color:var(--accent)}.auth-provider-note{margin-bottom:1.1rem;color:var(--ink-2);font-size:.86rem;line-height:1.5;text-align:center}.auth-reassure{display:flex;align-items:center;gap:.55rem;justify-content:center;margin-top:1.6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);letter-spacing:.01em}.auth-reassure svg{color:var(--accent);flex-shrink:0}.panel-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.03em;color:var(--ink-3);background:transparent;border:0;cursor:pointer;padding:0}.panel-back:hover{color:var(--ink)}.panel-back .ar{transition:transform .18s}.panel-back:hover .ar{transform:translate(-3px)}.panel-mark{width:58px;height:58px;border-radius:50%;margin:0 auto 1.3rem;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 32%,transparent)}.panel-mark.pulse svg{animation:markpulse 1.4s ease-in-out infinite}@keyframes markpulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.panel-center{text-align:center}.panel-center h2{font-size:1.5rem;letter-spacing:-.01em}.panel-center p{color:var(--ink-2);margin-top:.6rem;font-size:.96rem;max-width:32ch;margin-inline:auto}.panel-center .mono-em{font-family:var(--font-mono);font-size:.82rem;color:var(--ink)}.otp{display:flex;gap:.6rem;justify-content:center;margin:1.6rem 0 1rem}.otp input{width:48px;height:58px;text-align:center;font-family:var(--font-mono);font-size:1.5rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield}.otp input::-webkit-outer-spin-button,.otp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 16%,transparent)}.otp input.filled{border-color:color-mix(in oklab,var(--accent) 55%,var(--border))}@media(max-width:400px){.otp input{width:40px;height:52px;font-size:1.3rem}.otp{gap:.4rem}}.otp-note{text-align:center;font-size:.86rem;color:var(--ink-2)}.otp-resend{background:transparent;border:0;color:var(--accent);cursor:pointer;font-family:var(--font-mono);font-size:.76rem;padding:0}.otp-resend:hover{text-decoration:underline}.trust-row{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--border-2);cursor:pointer}.trust-row input{margin-top:.15rem;accent-color:var(--accent);width:15px;height:15px;flex-shrink:0;cursor:pointer}.trust-row span{font-size:.84rem;color:var(--ink-2);line-height:1.5;text-align:left}.spin{width:19px;height:19px;border:2px solid color-mix(in oklab,var(--on-accent) 40%,transparent);border-top-color:var(--on-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.hide-sm{display:none}}.mbtn.danger .mic{color:#c2433a}.form-help{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-3);letter-spacing:.01em;line-height:1.5;margin-top:-.1rem}.panel-mark.warn{color:#b06a1f;background:#b06a1f14;border-color:#b06a1f4d}.panel-mark.ok{color:#1f9d57;background:#1f9d5714;border-color:#1f9d5752}.code-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:.9rem}.code-form .input{text-align:center;letter-spacing:.14em;font-size:1.05rem}.code-form .btn{justify-content:center;width:100%;font-size:1rem;padding:.85rem 1.3rem}.code-form .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.rec-steps{list-style:none;text-align:left;margin:1.6rem 0 .3rem;padding:0;display:flex;flex-direction:column;gap:1.05rem}.rec-steps li{display:flex;gap:.85rem;align-items:flex-start}.rec-steps .rn{width:25px;height:25px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.rec-steps .rt{font-size:.9rem;color:var(--ink-2);line-height:1.5}.rec-steps .rt b{color:var(--ink);font-weight:560}.hold-note{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.4rem;padding:.75rem .9rem;border-radius:11px;background:#b06a1f0f;border:1px solid rgba(176,106,31,.26);font-size:.82rem;color:var(--ink-2);text-align:left;line-height:1.5}.hold-note svg{color:#b06a1f;flex-shrink:0;margin-top:2px}.auth-error,.auth-note{border-radius:11px;padding:.7rem .9rem;font-size:.86rem;line-height:1.5;margin-bottom:1.1rem;text-align:left}.auth-error{color:#b3261e;background:#b3261e12;border:1px solid rgba(179,38,30,.28)}.auth-note{color:#1f7a4d;background:#1f9d5714;border:1px solid rgba(31,157,87,.3)}.auth-error[hidden],.auth-note[hidden]{display:none}a.mbtn,a.mbtn:hover{text-decoration:none}.field-link{float:right;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.02em;color:var(--ink-3);border-bottom:1px solid var(--border)}.field-link:hover{color:var(--accent);border-color:var(--accent)}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap .input{flex:1;padding-right:3.8rem}.pw-toggle{position:absolute;right:.5rem;background:transparent;border:0;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-3);padding:.35rem .45rem;border-radius:7px}.pw-toggle:hover{color:var(--ink)}.pw-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}