.auth-onboarding{border:1px solid var(--line);background:linear-gradient(145deg, var(--subtle), var(--paper));border-radius:22px;flex-direction:column;justify-content:center;gap:24px;min-width:0;margin:0;padding:clamp(24px,2.6vw,42px);display:flex;position:relative;overflow:hidden;container:auth-onboarding/inline-size}.auth-onboarding-art{opacity:.4;pointer-events:none;--onboarding-cube-mask:linear-gradient(180deg, transparent 0%, #0000001f 5%, #00000080 12%, #000 24%, #000 68%, #000000d9 78%, #00000073 89%, #0000001f 96%, transparent 100%), linear-gradient(90deg, #000 0%, #000 68%, #000000e6 79%, #0000008c 89%, #00000029 97%, transparent 100%);width:min(100%,430px);height:345px;-webkit-mask-image:var(--onboarding-cube-mask);-webkit-mask-image:var(--onboarding-cube-mask);mask-image:var(--onboarding-cube-mask);-webkit-mask-composite:source-in;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.auth-onboarding-art .hero-cubes{width:560px;height:380px;position:absolute;top:-35px;right:-130px}.auth-onboarding-heading,.auth-onboarding-preview,.auth-onboarding-benefits{z-index:1;position:relative}.auth-onboarding-heading{flex-direction:column;gap:15px;max-width:660px;display:flex}.auth-onboarding-eyebrow{color:var(--accent);letter-spacing:1.5px;font-size:9px;font-family:var(--font-bold);align-items:center;gap:8px;margin:0;display:flex}.auth-onboarding-title{letter-spacing:-.045em;font-size:clamp(36px,3.3vw,58px);line-height:1.06;font-family:var(--font-display);margin:0}.auth-onboarding-title-accent{color:var(--accent);font-style:italic;display:block}.auth-onboarding-description{max-width:510px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.auth-onboarding-preview{border:1px solid var(--line);background:var(--paper);box-shadow:0 14px 38px color-mix(in srgb, var(--shadow) 38%, transparent);border-radius:14px;flex-direction:column;gap:10px;margin:0;padding:16px;display:flex}.auth-onboarding-preview-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-onboarding-preview-label{color:var(--ink);font-size:11px;font-family:var(--font-bold);align-items:center;gap:7px;display:flex}.auth-onboarding-preview-tag{color:var(--muted);font-size:9px}.auth-onboarding-search{min-height:38px;color:var(--accent);border:1px solid var(--line);background:var(--input);border-radius:7px;align-items:center;gap:10px;padding:8px 11px;display:flex}.auth-onboarding-search-query{min-width:0;color:var(--muted);flex:1;font-size:11px}.auth-onboarding-search-extensions{white-space:nowrap;font-size:9px;font-family:var(--font-medium)}.auth-onboarding-records{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.auth-onboarding-record{align-items:center;gap:10px;padding-block:5px;display:flex}.auth-onboarding-record-symbol{width:26px;height:26px;color:var(--accent);background:var(--subtle);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.auth-onboarding-record-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-onboarding-record-name{color:var(--ink);overflow-wrap:anywhere;font-size:12px;font-family:var(--font-bold)}.auth-onboarding-record-note{color:var(--muted);font-size:9px}.auth-onboarding-record-label{color:var(--accent);background:var(--subtle);border-radius:4px;padding:4px 7px;font-size:9px}.auth-onboarding-preview-note{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin:0;padding-top:8px;font-size:9px;line-height:1.5;display:flex}.auth-onboarding-preview-note-icon{color:var(--accent);flex-shrink:0}.auth-onboarding-benefits{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:17px 0 0;list-style:none;display:grid}.auth-onboarding-benefit-heading{align-items:center;gap:7px;display:flex}.auth-onboarding-benefit-icon{color:var(--accent);flex-shrink:0}.auth-onboarding-benefit-label{color:var(--ink);font-size:11px;font-family:var(--font-bold)}.auth-onboarding-benefit-copy{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}@container auth-onboarding (width<=440px){.auth-onboarding-title{font-size:clamp(32px,9cqw,42px)}.auth-onboarding-benefits{gap:12px}.auth-onboarding-benefit-heading{flex-wrap:wrap;gap:5px}}@media (width<=900px){.auth-onboarding{border-radius:16px;gap:16px;padding:20px}.auth-onboarding-art,.auth-onboarding-preview,.auth-onboarding-benefit-copy{display:none}.auth-onboarding-title{font-size:30px}.auth-onboarding-heading{gap:10px}.auth-onboarding-description{max-width:none;font-size:12px}.auth-onboarding-benefits{gap:12px;padding-top:12px}}@media (width>=901px){.auth-onboarding{background:0 0;border:0;border-radius:0}}@media (height<=760px){.auth-onboarding{gap:18px;padding:24px}.auth-onboarding-benefit-copy{display:none}.auth-onboarding-preview{gap:8px;padding:14px}.auth-onboarding-records{gap:4px}.auth-onboarding-record{padding-block:4px}.auth-onboarding-title{font-size:clamp(30px,3.2vw,42px)}}@media (height<=620px){.auth-onboarding{padding:18px}.auth-onboarding-description{display:none}}@media (prefers-reduced-motion:reduce){.auth-onboarding *,.auth-onboarding :before,.auth-onboarding :after{transition:none;animation:none}}