.auth-shell{background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans)}.auth-grid{width:100%;min-height:100vh}.auth-brand-panel,.auth-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0a}.auth-brand-panel{box-sizing:border-box;width:50vw;height:100vh;min-height:100vh;color:var(--color-text-primary);background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,70px);display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.auth-brand-panel:before{content:"";background:radial-gradient(circle at 86% 8%, var(--color-surface-muted), transparent 42%);opacity:.6;pointer-events:none;position:absolute;inset:0}.auth-brand-panel:after{content:"";aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-bg);pointer-events:none;opacity:.55;border-radius:999px;width:68%;position:absolute;bottom:-28%;right:-22%;transform:rotate(-12deg)}.auth-brand-content{z-index:1;position:relative}.auth-logo-row{align-items:center;gap:10px;margin-bottom:clamp(36px,7vh,78px);display:flex}.auth-logo-mark{background:var(--color-accent);width:42px;height:42px;color:var(--color-accent-fg);box-shadow:none;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.auth-logo-mark svg{display:block}.auth-logo-text{letter-spacing:0;color:var(--color-text-primary);margin:0;font-size:1.05rem;font-weight:850}.auth-panel-kicker{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.auth-panel-title{letter-spacing:-.02em;max-width:12ch;color:var(--color-text-primary);margin:16px 0 12px;font-size:clamp(2.4rem,4.4vw,4.4rem);font-weight:900;line-height:1.02}.auth-panel-copy{max-width:44ch;color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.65}.auth-proof-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;margin-top:clamp(28px,5vh,48px);display:grid;position:relative}.auth-proof-tile{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:var(--radius-lg);min-height:116px;padding:14px}.auth-proof-tile strong{color:var(--color-text-primary);margin-bottom:6px;font-size:.94rem;display:block}.auth-proof-tile span{color:var(--color-text-secondary);font-size:.78rem;line-height:1.45}.auth-preview{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);color:var(--color-text-primary);margin-top:clamp(26px,5vh,52px);padding:16px;position:relative;box-shadow:0 1px 2px #0f172a0a}.auth-preview-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.auth-preview-dots{gap:5px;display:flex}.auth-preview-dots span{background:var(--color-text-primary);border-radius:99px;width:7px;height:7px}.auth-preview-dots span:nth-child(2){background:var(--color-text-tertiary)}.auth-preview-dots span:nth-child(3){background:var(--color-border)}.auth-preview-pill{color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:4px 8px;font-size:.72rem}.auth-preview-bars{gap:9px;display:grid}.auth-preview-bar{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.auth-preview-icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:34px;height:34px}.auth-preview-line{background:var(--color-text-primary);opacity:.85;border-radius:99px;height:9px}.auth-preview-value{color:var(--color-text-primary);font-size:.76rem;font-weight:800}.auth-preview-bar.is-indigo .auth-preview-icon{background:var(--color-surface);border-color:var(--color-border)}.auth-preview-bar.is-indigo .auth-preview-line{background:var(--color-text-secondary)}.auth-preview-bar.is-indigo .auth-preview-value{color:var(--color-text-secondary)}.auth-preview-bar.is-amber .auth-preview-icon{background:var(--color-surface);border-color:var(--color-border)}.auth-preview-bar.is-amber .auth-preview-line{background:var(--color-text-tertiary)}.auth-preview-bar.is-amber .auth-preview-value{color:var(--color-text-tertiary)}.auth-main-panel{box-sizing:border-box;background:var(--color-bg);width:50vw;min-height:100vh;margin-left:50vw;padding:0;overflow-y:auto}.auth-card{width:100%;min-height:100vh;box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:clamp(34px,6vw,86px);display:flex}.auth-content-frame{width:min(560px,100%)}.auth-flow-form{display:block}.auth-page-kicker{background:var(--color-surface-muted);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.auth-title{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 .45rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:850;line-height:1.08}.auth-subtitle{color:var(--color-text-secondary);margin:0 0 1.55rem;font-size:.96rem;line-height:1.55}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-form-grid>*{min-width:0}.auth-field{margin-bottom:1.125rem}.auth-field label,.auth-label{color:var(--color-text-primary);margin-bottom:.45rem;font-size:.875rem;font-weight:720;display:block}.auth-input,.auth-textarea,.auth-select{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;background:var(--color-surface);width:100%;color:var(--color-text-primary);outline:none;padding:.78rem .95rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s,background .15s}.auth-textarea{resize:vertical}.auth-input:focus,.auth-textarea:focus,.auth-select:focus{border-color:var(--color-text-primary);box-shadow:0 0 0 3px var(--color-surface-muted)}.auth-phone-field{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);align-items:stretch;transition:border-color .15s,box-shadow .15s,background .15s;display:grid;overflow:hidden}.auth-phone-field:focus-within{border-color:var(--color-text-primary);box-shadow:0 0 0 3px var(--color-surface-muted)}.auth-phone-prefix{border-right:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-primary);align-items:center;gap:.45rem;padding:0 .9rem;font-size:.98rem;font-weight:820;display:inline-flex}.auth-phone-input{box-shadow:none;background:0 0;border:0;border-radius:0}.auth-phone-input:focus{box-shadow:none;border-color:#0000}.auth-help{color:var(--color-text-tertiary);margin-top:.45rem;font-size:.8125rem;line-height:1.45}.auth-error{color:var(--color-danger);text-align:center;background:var(--color-danger-soft);border:1px solid var(--color-danger-soft);border-radius:var(--radius-lg);margin:.8rem 0 1rem;padding:.65rem;font-size:.875rem}.auth-primary-btn,.auth-secondary-btn{border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:50px;padding:.78rem 1rem;font-size:1rem;font-weight:760;transition:background .15s,box-shadow .15s,transform .15s,opacity .15s;display:inline-flex}.auth-primary-btn{color:var(--color-accent-fg);background:var(--color-accent);box-shadow:none}.auth-primary-btn:not(:disabled):hover{background:color-mix(in srgb, var(--color-accent) 88%, #000 12%);transform:translateY(-1px)}.auth-primary-btn:disabled,.auth-secondary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-secondary-btn{color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border)}.auth-secondary-btn:not(:disabled):hover{background:var(--color-surface-muted)}.auth-back-btn,.auth-text-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.875rem;font-weight:700;display:inline-flex}.auth-back-btn{margin-bottom:1.25rem}.auth-text-btn{color:var(--color-text-primary)}.auth-choice-list{gap:12px;margin-bottom:1.5rem;display:grid}.auth-choice-card{border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);text-align:left;cursor:pointer;align-items:flex-start;gap:14px;width:100%;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:flex}.auth-choice-card:hover{border-color:var(--color-text-tertiary);transform:translateY(-1px);box-shadow:0 1px 2px #0f172a0a}.auth-choice-card.is-selected{border-color:var(--color-text-primary);background:var(--color-surface-muted)}.auth-choice-icon{border-radius:var(--radius-lg);background:var(--color-surface-muted);width:44px;height:44px;color:var(--color-text-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.auth-choice-card h2,.auth-choice-card p{margin:0}.auth-choice-card h2{color:var(--color-text-primary);font-size:.98rem;font-weight:800}.auth-choice-card p{color:var(--color-text-secondary);margin-top:4px;font-size:.84rem;line-height:1.45}.auth-otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:1.55rem;display:grid}.auth-otp-input{aspect-ratio:.88;text-align:center;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text-primary);outline:none;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:800;transition:border-color .15s,background .15s,box-shadow .15s}.auth-otp-input:focus{border-color:var(--color-text-primary);box-shadow:0 0 0 3px var(--color-surface-muted)}.auth-legal{width:min(560px,100%);color:var(--color-text-secondary);text-align:center;margin:18px 0 0;font-size:.8125rem}.auth-legal a{color:var(--color-text-primary);text-underline-offset:2px;font-weight:700;text-decoration:underline}@media (width>=901px) and (height<=920px){.auth-brand-panel{padding:clamp(28px,4vw,54px)}.auth-logo-row{margin-bottom:clamp(20px,4vh,34px)}.auth-panel-title{max-width:12ch;font-size:clamp(2rem,3.6vw,3.4rem)}.auth-proof-grid{margin-top:22px}.auth-proof-tile{min-height:90px;padding:12px}.auth-proof-tile span{font-size:.75rem}.auth-preview{display:none}}@media (width<=900px){.auth-shell{background:var(--color-bg);flex-direction:column;justify-content:flex-start;align-items:center;padding:18px 14px 24px;display:flex}.auth-grid{grid-template-columns:1fr;gap:14px;width:min(640px,100%);min-height:auto;display:grid}.auth-brand-panel{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);border-top:1px solid var(--color-border);width:100%;height:auto;min-height:auto;padding:18px;position:relative;inset:auto}.auth-logo-row{margin-bottom:16px}.auth-panel-title{max-width:12ch;font-size:1.75rem;line-height:1.08}.auth-panel-copy,.auth-preview{display:none}.auth-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.auth-proof-tile{min-height:auto}.auth-main-panel{background:0 0;width:100%;min-height:auto;margin-left:0;padding:0;display:block}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:100%;min-height:auto;max-height:none;padding:clamp(24px,4vw,42px);display:block;overflow:visible;box-shadow:0 1px 2px #0f172a0a}.auth-content-frame{width:100%}}@media (width<=560px){.auth-shell{padding:10px 10px 18px}.auth-grid{gap:10px}.auth-brand-panel,.auth-card{border-radius:var(--radius-xl)}.auth-brand-panel{padding:14px}.auth-logo-mark{border-radius:10px;width:36px;height:36px}.auth-logo-row{margin-bottom:12px}.auth-panel-kicker{display:none}.auth-panel-title{margin:0;font-size:1.35rem}.auth-proof-grid{display:none}.auth-card{padding:20px 16px}.auth-form-grid{grid-template-columns:1fr}.auth-title{font-size:1.45rem}.auth-subtitle{margin-bottom:1.25rem}.auth-otp-row{gap:6px}.auth-otp-input{border-radius:var(--radius-lg);min-height:44px}}
