.auth-shell{background:var(--white);grid-template-columns:minmax(430px,.88fr) minmax(520px,1.12fr);min-height:100vh;display:grid}.auth-brand{top:var(--space-6);left:var(--space-8);z-index:3;position:fixed}.auth-story{justify-content:space-between;gap:var(--space-12);min-height:100vh;padding:148px var(--space-16) var(--space-14);background:var(--ink-950);color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";border:1px solid var(--border-inverse);border-radius:50%;width:460px;height:460px;position:absolute;bottom:72px;right:-170px;box-shadow:0 0 0 56px #34a87a0f,0 0 0 112px #34a87a0a}.auth-story-content,.auth-aside-help{z-index:1;position:relative}.auth-story h2{max-width:22ch;margin:var(--space-5) 0;color:#fff;font-family:var(--font-display);font-size:var(--display-xl);letter-spacing:var(--tracking-display);font-weight:400;line-height:1.06}.auth-story-content>p{color:#ffffffad;max-width:46ch;font-size:var(--text-md);line-height:var(--leading-loose);margin:0}.story-proof{gap:var(--space-4);max-width:460px;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-inverse);display:flex}.story-proof>svg{color:var(--brand-300);flex:none;margin-top:2px}.story-proof span{gap:var(--space-1);color:#ffffff9e;font-size:var(--text-sm);line-height:var(--leading-normal);flex-direction:column;display:flex}.story-proof strong{color:#fff;font-size:var(--text-base)}.auth-aside-help{max-width:46ch;padding-top:var(--space-6);border-top:1px solid var(--border-inverse)}.auth-aside-help p{margin:0 0 var(--space-3);color:var(--ink-inverse);font-size:var(--text-base);line-height:var(--leading-relaxed)}.auth-aside-help a{align-items:center;gap:var(--space-2);width:fit-content;min-height:26px;color:var(--brand-300);font-size:var(--text-base);padding-block:2px;font-weight:600;display:flex}.auth-aside-help a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.auth-aside-help a:focus-visible{border-radius:var(--radius-xs);box-shadow:var(--focus-ring-inverse);outline:none}.auth-content{min-height:100vh;padding:var(--space-16) var(--space-10);background:var(--paper);place-items:center;display:grid}.auth-card{width:min(456px,100%)}.onboarding-card{width:min(560px,100%)}.auth-title{margin-bottom:var(--space-7)}.auth-title h1{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display);font-size:var(--display-md);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.auth-title p{max-width:44ch;color:var(--ink-600);font-size:var(--text-md);line-height:var(--leading-relaxed);margin:0}.persona-list{gap:var(--space-3);flex-direction:column;display:flex}.persona-list>button{align-items:center;gap:var(--space-4);width:100%;min-height:84px;padding:var(--space-4);border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--white);text-align:left;transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);grid-template-columns:44px minmax(0,1fr) auto;display:grid}.persona-list>button:hover{border-color:var(--brand-500);background:var(--brand-50);box-shadow:var(--shadow-sm)}.persona-list>button:hover svg:last-child{color:var(--brand-700)}.persona-icon{border-radius:var(--radius-sm);background:var(--ink-100);width:44px;height:44px;color:var(--ink-800);transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);place-items:center;display:grid}.persona-list>button:hover .persona-icon,.persona-list>button:focus-visible .persona-icon{background:var(--accent-tile-bg);color:var(--accent-tile-fg)}.persona-list strong{color:var(--ink-950);font-size:var(--text-md);font-weight:600;display:block}.persona-list small{color:var(--ink-600);font-size:var(--text-sm);line-height:var(--leading-normal);margin-top:3px;display:block}.persona-scope{margin-top:var(--space-2);color:var(--ink-500);font-size:var(--text-xs);line-height:var(--leading-normal);display:block}.persona-list>button>svg:last-child{color:var(--ink-400);transition:color var(--dur-1) var(--ease)}.auth-separator{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--ink-500);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;display:flex}.auth-separator:before,.auth-separator:after{content:"";background:var(--border);flex:1;height:1px}.auth-disclaimer{margin:var(--space-5) 0 0;color:var(--ink-500);text-align:center;font-size:var(--text-xs);line-height:var(--leading-normal)}.auth-disclaimer a{color:var(--brand-700);font-weight:600}.auth-disclaimer a:hover{text-underline-offset:3px;text-decoration:underline}.auth-entry-options{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--ink-600);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center;flex-wrap:wrap;display:flex}.auth-entry-options button,.auth-entry-options a{min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-xs);color:var(--brand-700);font:inherit;background:0 0;border:0;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.auth-entry-options button:hover,.auth-entry-options a:hover{background:var(--brand-50);color:var(--brand-800);text-underline-offset:3px;text-decoration:underline}.auth-role-note{margin:var(--space-4) 0 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ink-50);color:var(--ink-600);font-size:var(--text-xs);line-height:var(--leading-normal);text-align:center}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-success,.onboarding-complete{text-align:center}.auth-success>svg{color:var(--status-success-fg)}.auth-success h2,.onboarding-complete h1{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display);font-size:var(--display-sm);font-weight:600}.auth-success p,.onboarding-complete p{margin:0 0 var(--space-5);color:var(--ink-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.demo-code{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--status-info-bd);border-radius:var(--radius-sm);background:var(--brand-50);color:var(--brand-800);font-size:var(--text-sm);display:flex}.demo-code strong{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.08em}.otp-group{gap:var(--space-2);border:0;margin:0;padding:0;display:flex}.otp-group legend{margin-bottom:var(--space-2);color:var(--ink-700);font-size:var(--text-xs);padding:0;font-weight:600}.otp-group input{border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--white);text-align:center;min-width:0;height:56px;font-family:var(--font-mono);font-size:var(--text-xl);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);outline:none;font-weight:500;padding:0!important}.otp-group input:focus{border-color:var(--brand-500);box-shadow:var(--focus-ring)}.setup-summary{gap:var(--space-3);margin:var(--space-6) 0;flex-direction:column;display:flex}.setup-summary>span{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);display:flex}.setup-summary svg{color:var(--brand-600);flex:none;margin-top:2px}.setup-summary strong{font-size:var(--text-base);display:block}.setup-summary small{color:var(--ink-500);font-size:var(--text-sm);margin-top:2px;display:block}.onboarding-stepper,.generator-stepper,.order-stepper{margin-bottom:var(--space-8);align-items:flex-start;display:flex}.onboarding-stepper>span,.generator-stepper>span,.order-stepper>span{align-items:center;gap:var(--space-2);color:var(--ink-500);flex-direction:column;flex:1;display:flex;position:relative}.onboarding-stepper>span:after,.generator-stepper>span:after,.order-stepper>span:after{content:"";background:var(--border);height:1px;position:absolute;top:14px;left:calc(50% + 18px);right:calc(18px - 50%)}.onboarding-stepper>span:last-child:after,.generator-stepper>span:last-child:after,.order-stepper>span:last-child:after{display:none}.onboarding-stepper i,.generator-stepper i,.order-stepper i{z-index:1;border:1px solid var(--border);background:var(--paper);width:28px;height:28px;color:var(--ink-500);font-family:var(--font-mono);font-style:normal;font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid;position:relative}.onboarding-stepper small,.generator-stepper small,.order-stepper small{font-size:var(--text-2xs);text-align:center;font-weight:600}.onboarding-stepper .active,.generator-stepper .active,.order-stepper .active{color:var(--brand-700)}.onboarding-stepper .active i,.generator-stepper .active i,.order-stepper .active i{border-color:var(--brand-600);background:var(--brand-600);color:#fff}.preference-options{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.preference-options legend{margin-bottom:var(--space-3);color:var(--ink-700);font-size:var(--text-xs);padding:0;font-weight:600}.preference-options label{align-items:flex-start;gap:var(--space-3);min-height:60px;padding:var(--space-4);border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;transition:border-color var(--dur-1) var(--ease);flex-direction:row!important}.preference-options label:hover{border-color:var(--brand-300)}.preference-options input{margin-top:2px}.preference-options strong{font-size:var(--text-base);font-weight:600;display:block}.preference-options small{color:var(--ink-500);font-size:var(--text-sm);margin-top:2px;display:block}.onboarding-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.onboarding-complete>span{width:68px;height:68px;margin:var(--space-4) auto;background:var(--status-success-bg);color:var(--status-success-fg);border-radius:50%;place-items:center;display:grid}.workspace-ready{gap:var(--space-2);margin:var(--space-6) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace-ready span{padding:var(--space-4) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--ink-500);font-size:var(--text-xs)}.workspace-ready strong{margin-bottom:var(--space-1);color:var(--ink-950);font-size:var(--text-xl);font-variant-numeric:tabular-nums;display:block}.auth-selection{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-left:3px solid var(--brand-600);border-radius:var(--radius-sm);background:var(--white);font-size:var(--text-sm)}.auth-selection>span,.auth-selection>strong{display:block}.auth-selection>span{color:var(--ink-600);margin-bottom:var(--space-1)}.auth-selection p{font-size:var(--text-sm);margin:var(--space-2) 0}.auth-selection a{color:var(--brand-700);text-underline-offset:3px;text-decoration:underline}@media (max-width:1024px){.auth-shell{flex-direction:column;display:flex}.auth-content{min-height:auto;padding:116px var(--space-8) var(--space-14);order:1}.auth-story{gap:var(--space-10);min-height:auto;padding:var(--space-14) var(--space-8);order:2}.auth-story:after{width:340px;height:340px;bottom:-110px}.auth-story h2{max-width:30ch;font-size:var(--display-lg)}.auth-aside-help{max-width:60ch}}@media (max-width:680px){.auth-brand{top:var(--space-5);left:var(--space-5)}.auth-content{padding:104px var(--space-5) var(--space-12)}.auth-card{width:100%}.auth-story{padding:var(--space-12) var(--space-5)}.otp-group input{height:50px;font-size:var(--text-lg)}.onboarding-stepper small,.generator-stepper small,.order-stepper small{display:none}.workspace-ready{grid-template-columns:minmax(0,1fr)}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions>.button{width:100%}}.dialog-backdrop.registration-confirmation-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1417157a;place-items:center;padding:24px;display:grid}.modal.registration-confirmation{border:1px solid var(--border);background:var(--white);text-align:center;border-radius:24px;width:min(100%,440px);max-height:calc(100dvh - 32px);padding:36px;overflow-y:auto;box-shadow:0 24px 80px #14171533}.registration-confirmation-icon{background:var(--brand-50);width:64px;height:64px;color:var(--brand-700);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.registration-confirmation h2{letter-spacing:-.6px;margin:0 0 12px;font-size:26px;line-height:1.2}.registration-confirmation p{color:var(--ink-600);margin:0 0 28px;font-size:15px;line-height:1.65}.registration-confirmation .button{border-radius:10px;min-height:48px}.registration-confirmation-dismiss{min-height:44px;color:var(--ink-600);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:10px auto 0;padding:10px 16px;font-size:14px;display:block}.registration-confirmation-dismiss:hover{color:var(--ink-950);background:var(--surface-subtle)}@media (max-width:480px){.dialog-backdrop.registration-confirmation-backdrop{padding:20px}.modal.registration-confirmation{border-radius:20px;padding:28px 24px 20px}.registration-confirmation h2{font-size:24px}}
