.onboarding-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--color-primary)}.onboarding-logo{position:absolute;top:24px;left:24px}.onboarding-container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:32px}.onboarding-header{text-align:center}.onboarding-header h2{margin-bottom:8px}.onboarding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.onboarding-card{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-secondary);cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.onboarding-card:hover{border-color:var(--color-brand-periwinkle);box-shadow:0 0 0 1px var(--color-brand-periwinkle)}.onboarding-card--selected{border-color:var(--color-brand-periwinkle);box-shadow:0 0 0 2px var(--color-brand-periwinkle)}.onboarding-card__label{font-size:16px;font-weight:600;color:var(--color-text-primary)}.onboarding-card__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.onboarding-back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:0;align-self:flex-start}.onboarding-back:hover{color:var(--color-text-primary)}.onboarding-footer{display:flex;justify-content:center;padding-top:8px}.onboarding-skip{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:2px}.onboarding-skip:hover{color:var(--color-text-secondary)}@media (max-width: 480px){.onboarding-grid{grid-template-columns:1fr}}