.xf-auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--brand-cream)}@media (max-width:960px){.xf-auth-shell{grid-template-columns:1fr}.xf-brand{display:none}}.xf-brand{position:relative;color:#fff;padding:40px 48px 32px;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:linear-gradient(155deg,#0d0a0b,#231f20 55%,#2c2526)}.xf-brand-bg{position:absolute;inset:0;pointer-events:none}.xf-brand-glow{position:absolute;inset:-10% -20% auto auto;width:720px;height:720px;background:radial-gradient(circle at center,rgba(243,116,88,.32),transparent 60%);filter:blur(20px)}.xf-brand-watermark{position:absolute;right:-110px;bottom:-120px;width:540px;height:540px;opacity:.03;transform:rotate(-8deg)}.xf-brand-watermark img{width:100%;height:100%}.xf-brand-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px}.xf-brand-logo{height:38px;width:auto}.xf-brand-version{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.45)}.xf-brand-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding-bottom:7vh;gap:28px;max-width:640px;flex:1}.xf-brand-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);font-size:12px;font-weight:500;color:rgba(255,255,255,.7);width:fit-content}.xf-brand-dot{width:8px;height:8px;border-radius:99px;background:var(--brand-orange);box-shadow:0 0 0 4px rgba(243,116,88,.15);animation:xf-pulse 2.4s ease-in-out infinite}@keyframes xf-pulse{0%,to{box-shadow:0 0 0 4px rgba(243,116,88,.15)}50%{box-shadow:0 0 0 8px rgba(243,116,88,.04)}}.xf-brand-headline{font-size:clamp(2.4rem,4.6vw,3.4rem);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0;color:#fff;white-space:nowrap}@media (max-width:1100px){.xf-brand-headline{white-space:normal}}.xf-brand-headline .brand-x{color:var(--brand-orange)}.xf-brand-sub{font-size:1.0625rem;line-height:1.5;margin:-14px 0 0;color:rgba(255,255,255,.62);max-width:420px}.xf-usp-list{list-style:none;padding:22px 0 0;margin:8px 0 0;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}.xf-usp,.xf-usp-list{display:flex;gap:14px}.xf-usp{align-items:flex-start;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.82)}.xf-usp-check{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:rgba(243,116,88,.14);color:var(--brand-orange);justify-content:center;margin-top:2px}.xf-usp-check,.xf-usp-text{display:inline-flex;align-items:center}.xf-usp-text{gap:10px;flex-wrap:wrap}.xf-usp-text strong{color:#fff;font-weight:600}.xf-brand-footer{position:relative;display:flex;gap:10px;align-items:center;font-size:12px;color:rgba(255,255,255,.4);padding-top:32px}.xf-brand-footer a{color:rgba(255,255,255,.6);text-decoration:none}.xf-brand-footer a:hover{color:#fff}.xf-auth-surface{background:radial-gradient(ellipse at 100% 0,rgba(243,116,88,.05),transparent 50%),var(--brand-cream);align-items:center;justify-content:center;padding:32px 32px 48px;position:relative;min-width:0}.xf-auth-card,.xf-auth-surface{display:flex;flex-direction:column}.xf-auth-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -22px rgba(35,31,32,.18);padding:36px 36px 32px;gap:24px}.xf-auth-icon{display:flex;align-items:center;justify-content:center;margin:0 auto -4px}.xf-auth-icon,.xf-auth-icon img,.xf-auth-icon svg{width:56px;height:56px}.xf-auth-head{display:flex;flex-direction:column;gap:6px;text-align:center}.xf-auth-head h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--brand-black);margin:0}.xf-auth-head p{font-size:14px;color:oklch(.442 .017 285.786);line-height:1.5;margin:0}.xf-auth-head p a{color:var(--brand-orange-hover);font-weight:500}.xf-auth-body{display:flex;flex-direction:column;gap:18px}.xf-auth-after{margin-top:22px;font-size:12.5px;color:oklch(.552 .016 285.938);text-align:center;max-width:440px;line-height:1.5;overflow-wrap:anywhere}.xf-auth-after a{color:oklch(.442 .017 285.786);text-decoration:underline;text-underline-offset:2px}.xf-auth-after a:hover{color:oklch(.274 .006 286.033)}.xf-field{display:flex;flex-direction:column;gap:6px}.xf-field label{font-size:13px;font-weight:600;color:oklch(.274 .006 286.033)}.xf-input-wrap{position:relative;display:flex;align-items:center}.xf-input-wrap input{width:100%;height:44px;padding:0 14px;border:1px solid oklch(.871 .006 286.286);background:#fff;border-radius:10px;font:inherit;font-size:14.5px;color:var(--brand-black);transition:border-color .12s ease,box-shadow .12s ease}.xf-input-wrap input::placeholder{color:oklch(.705 .015 286.067)}.xf-input-wrap:has(.xf-input-icon) input{padding-left:42px}.xf-input-wrap:has(.xf-input-toggle) input{padding-right:44px}.xf-field.is-focused .xf-input-wrap input,.xf-input-wrap input:focus{border-color:var(--brand-orange);box-shadow:var(--shadow-focus);outline:none}.xf-field.has-error .xf-input-wrap input{border-color:var(--error);box-shadow:0 0 0 4px rgb(220 38 38/.12)}.xf-input-icon{left:14px;pointer-events:none;color:oklch(.705 .015 286.067)}.xf-input-icon,.xf-input-toggle{position:absolute;display:inline-flex}.xf-input-toggle{right:6px;height:32px;width:32px;background:transparent;border:0;border-radius:6px;color:oklch(.552 .016 285.938);align-items:center;justify-content:center;cursor:pointer}.xf-input-toggle:hover{background:oklch(.967 .001 286.375);color:oklch(.274 .006 286.033)}.xf-helper{font-size:12.5px;color:oklch(.552 .016 285.938);display:inline-flex;align-items:center;gap:6px}.xf-helper-error{color:var(--error-fg)}.xf-strength{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:oklch(.442 .017 285.786)}.xf-strength-track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:1}.xf-strength-track span{height:4px;border-radius:99px;background:oklch(.92 .004 286.32);transition:background .22s}.xf-strength.tone-weak .xf-strength-track span.on{background:var(--error)}.xf-strength.tone-fair .xf-strength-track span.on{background:var(--warning)}.xf-strength.tone-good .xf-strength-track span.on{background:oklch(.78 .15 130)}.xf-strength.tone-great .xf-strength-track span.on{background:var(--success)}.xf-strength-label{min-width:80px;text-align:right}.xf-alert{display:flex;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid;font-size:13.5px;line-height:1.45}.xf-alert-icon{flex-shrink:0;display:inline-flex;padding-top:1px}.xf-alert-title{font-weight:600}.xf-alert-text{color:inherit;opacity:.85;margin-top:1px}.xf-alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg)}.xf-alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-fg)}.xf-alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.xf-alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.xf-alert-brand{background:var(--brand-orange-soft);border-color:var(--brand-orange-border);color:var(--brand-orange-active)}.xf-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.xf-remember{gap:8px;font-size:13px;color:oklch(.274 .006 286.033)}.xf-remember,.xf-remember input[type=checkbox]{display:inline-flex;align-items:center;cursor:pointer}.xf-remember input[type=checkbox]{appearance:none;width:18px;height:18px;border:1.5px solid oklch(.871 .006 286.286);border-radius:5px;justify-content:center;transition:all .12s}.xf-remember input[type=checkbox]:checked{background:var(--brand-orange);border-color:var(--brand-orange);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:12px 12px}.xf-remember input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.xf-forgot{font-size:13px;color:var(--brand-orange-hover);font-weight:500}.xf-forgot:hover{text-decoration:underline;text-underline-offset:3px}.xf-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 18px;border-radius:7px;border:1px solid transparent;font:inherit;font-size:14.5px;font-weight:600;line-height:1;cursor:pointer;background:var(--brand-orange);color:#fff;box-shadow:var(--shadow-brand);transition:background .16s ease,box-shadow .16s ease,transform 80ms ease}.xf-btn-primary:hover:not(:disabled){background:var(--brand-orange-hover)}.xf-btn-primary:active:not(:disabled){background:var(--brand-orange-active);transform:translateY(1px)}.xf-btn-primary:disabled{opacity:.55;cursor:not-allowed}.xf-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 18px;border-radius:7px;border:1px solid oklch(.871 .006 286.286);background:#fff;color:var(--brand-black);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}.xf-btn-outline:hover:not(:disabled){background:oklch(.985 0 0);border-color:oklch(.705 .015 286.067)}.xf-spin{animation:xf-spin .75s linear infinite}@keyframes xf-spin{to{transform:rotate(1turn)}}.xf-redirect{display:flex;flex-direction:column;align-items:center;gap:22px;padding:16px 0 8px}.xf-redirect-bar{width:100%;height:4px;background:oklch(.967 .001 286.375);border-radius:99px;overflow:hidden;position:relative}.xf-redirect-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--brand-orange),transparent);animation:xf-slide 1.4s ease-in-out infinite}@keyframes xf-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.xf-success{flex-direction:column;gap:18px;text-align:center}.xf-success,.xf-success-glyph{display:flex;align-items:center}.xf-success-glyph{width:64px;height:64px;border-radius:99px;background:var(--success-bg);color:var(--success-fg);justify-content:center}