.onboarding-modal{background:var(--surface-base);border-radius:var(--radius-xl);box-shadow:var(--nm-shadow-2xl);z-index:9999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:480px;min-height:280px;max-height:calc(100vh - 160px);padding:32px 40px;position:fixed}.onboarding-modal[data-position=centered]{top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-modal[data-position=anchored]{transform:none}.onboarding-modal[data-state=entering]{animation:modal-fade-in .35s var(--ease-smooth)forwards}.onboarding-modal[data-state=entered]{opacity:1}.onboarding-modal[data-state=exiting]{animation:modal-fade-out .3s var(--ease-smooth)forwards}@keyframes modal-fade-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.onboarding-modal__content{flex-direction:column;gap:24px;display:flex}.onboarding-headline{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 16px;line-height:1.3}.onboarding-body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-secondary);max-width:70ch;margin:0;line-height:1.6}.onboarding-body p{margin:0 0 16px}.onboarding-body p:last-child{margin-bottom:0}.onboarding-list{margin:16px 0;padding-left:0;list-style:none}.onboarding-list li{margin-bottom:8px;padding-left:24px;position:relative}.onboarding-list li:before{content:"—";color:var(--brand-midnight);margin-right:12px;position:absolute;left:0}.onboarding-list li:last-child{margin-bottom:0}.onboarding-checklist{margin:16px 0;padding-left:0;list-style:none}.onboarding-checklist li{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:10px;padding-left:28px;position:relative}.onboarding-checklist li:before{content:"✓";color:var(--accent-success);font-size:1.1rem;font-weight:var(--weight-bold);line-height:1.6;position:absolute;left:0}.onboarding-close{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast)var(--ease-smooth),background var(--duration-fast)var(--ease-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.onboarding-close:hover{color:var(--text-primary);background:#2e294e0a}.onboarding-close:focus-visible{outline:2px solid var(--brand-midnight);outline-offset:2px}.onboarding-close:active{transform:scale(.95)}.onboarding-cta-primary{background:var(--brand-midnight);color:var(--text-inverse);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:.01em;cursor:pointer;min-width:140px;min-height:44px;transition:background var(--duration-fast)var(--ease-smooth),box-shadow var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-smooth);border:none;padding:12px 24px}.onboarding-cta-primary:hover{background:#3a3555;box-shadow:0 4px 12px #2e294e33,0 2px 4px #2e294e1f}.onboarding-cta-primary:active{background:#231f3e;transform:translateY(1px);box-shadow:0 2px 6px #2e294e26,0 1px 2px #2e294e1a}.onboarding-cta-primary:focus-visible{outline:2px solid var(--brand-midnight);outline-offset:2px}.onboarding-cta-skip{color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);cursor:pointer;min-height:44px;transition:color var(--duration-fast)var(--ease-smooth);background:0 0;border:none;padding:12px 16px;position:relative}.onboarding-cta-skip:hover{color:var(--text-primary)}.onboarding-cta-skip:after{content:"";transform-origin:0;height:1px;transition:transform var(--duration-fast)var(--ease-smooth);background:currentColor;position:absolute;bottom:10px;left:16px;right:16px;transform:scaleX(0)}.onboarding-cta-skip:hover:after{transform:scaleX(1)}.onboarding-cta-skip:focus-visible{outline:2px solid var(--brand-midnight);outline-offset:2px;border-radius:6px}.onboarding-cta-skip:active{transform:scale(.98)}.onboarding-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.onboarding-progress{text-align:center;margin-top:16px}.onboarding-progress-bar{background:var(--border-subtle);border-radius:2px;width:100%;height:3px;margin-bottom:8px;overflow:hidden}.onboarding-progress-bar-fill{background:linear-gradient(90deg,var(--brand-midnight)0%,var(--accent-primary)100%  );height:100%;transition:width .35s var(--ease-smooth);border-radius:2px}.onboarding-progress-text{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-tertiary);letter-spacing:.02em}.onboarding-backdrop{z-index:9998;-webkit-backdrop-filter:blur(3px);pointer-events:none;transition:opacity .35s var(--ease-smooth);background:#2e294e26;position:fixed;inset:0}.onboarding-backdrop[data-state=entering]{animation:backdrop-fade-in .35s var(--ease-smooth)forwards}.onboarding-backdrop[data-state=entered]{opacity:1}.onboarding-backdrop[data-state=exiting]{animation:backdrop-fade-out .35s var(--ease-smooth)forwards}@keyframes backdrop-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(3px)}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}.onboarding-highlight{z-index:9999;transition:box-shadow .3s var(--ease-smooth);pointer-events:auto;position:relative;box-shadow:var(--nm-shadow-xl)!important}.onboarding-highlight:after{content:"";border-radius:inherit;pointer-events:none;animation:2s ease-in-out infinite highlight-pulse;position:absolute;inset:-2px;box-shadow:0 0 0 2px #ffc8574d}@keyframes highlight-pulse{0%,to{opacity:.5;box-shadow:0 0 0 2px #ffc85733}50%{opacity:1;box-shadow:0 0 0 2px #ffc85766}}@media (max-width:560px){.onboarding-modal{max-width:calc(100vw - 32px);padding:24px 28px}.onboarding-headline{font-size:var(--text-lg)}}@media (max-width:1023px){.onboarding-modal[data-position=anchored]{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media (prefers-reduced-motion:reduce){.onboarding-modal,.onboarding-backdrop,.onboarding-highlight,.onboarding-cta-primary,.onboarding-cta-skip,.onboarding-close,.onboarding-progress-bar-fill{transition-duration:.01ms!important;animation-duration:.01ms!important}.onboarding-highlight:after{opacity:.6;animation:none}.onboarding-cta-skip:after{transition-duration:.01ms!important}.onboarding-backdrop{-webkit-backdrop-filter:blur(3px)}}