.onboarding-card.svelte-10qn3i1{background:#fff;border-radius:12px;overflow:hidden;margin:-1.5rem}.onboarding-header.svelte-10qn3i1{text-align:center;padding:2rem 2rem 1.5rem;background:linear-gradient(180deg,#f8f9fa,#fff);border-bottom:1px solid #e5e5e5}.onboarding-header.svelte-10qn3i1 h2:where(.svelte-10qn3i1){font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:#00f;margin:0 0 .5rem;text-transform:none}.onboarding-subtitle.svelte-10qn3i1{font-size:.9375rem;color:#666;letter-spacing:0;margin:0;text-transform:none;line-height:1.5}.onboarding-tips.svelte-10qn3i1{display:grid;gap:0;padding:.5rem 0}.tip.svelte-10qn3i1{display:flex;gap:1rem;align-items:flex-start;padding:1rem 2rem;background:transparent;border:none;border-radius:0;transition:background-color .15s ease}.tip.svelte-10qn3i1:hover{background:#0000ff08}.tip-icon.svelte-10qn3i1{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#0000ff14;color:#00f;border-radius:10px}[data-theme=dark] .tip-icon.svelte-10qn3i1{background:#ffffff1a;color:#fff}.tip-content.svelte-10qn3i1{flex:1;padding-top:.125rem}.tip-content.svelte-10qn3i1 strong:where(.svelte-10qn3i1){display:block;font-size:.9375rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem;letter-spacing:-.01em;text-transform:none}.tip-content.svelte-10qn3i1 p:where(.svelte-10qn3i1){font-size:.8125rem;color:#666;line-height:1.5;margin:0;letter-spacing:0}.onboarding-button.svelte-10qn3i1{display:block;width:calc(100% - 3rem);margin:1rem 1.5rem 1.5rem;padding:.875rem 1.5rem;background:#00f;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer;transition:all .2s ease}.onboarding-button.svelte-10qn3i1:hover{background:#00c;transform:translateY(-1px);box-shadow:0 4px 12px #0000ff4d}[data-theme=dark] .onboarding-button.svelte-10qn3i1{background:#fff;color:#000}[data-theme=dark] .onboarding-button.svelte-10qn3i1:hover{background:#f0f0f0;box-shadow:0 4px 12px #fff3}.onboarding-button.svelte-10qn3i1:active{transform:translateY(0)}[data-theme=dark] .onboarding-card.svelte-10qn3i1{background:#1a1a1a}[data-theme=dark] .onboarding-header.svelte-10qn3i1{background:linear-gradient(180deg,#242424,#1a1a1a);border-bottom-color:#ffffff1a}[data-theme=dark] .onboarding-header.svelte-10qn3i1 h2:where(.svelte-10qn3i1){color:#fff}[data-theme=dark] .onboarding-subtitle.svelte-10qn3i1{color:#fff9}[data-theme=dark] .tip.svelte-10qn3i1:hover{background:#ffffff0d}[data-theme=dark] .tip-content.svelte-10qn3i1 strong:where(.svelte-10qn3i1){color:#fff}[data-theme=dark] .tip-content.svelte-10qn3i1 p:where(.svelte-10qn3i1){color:#fff9}@media(max-width:640px){.onboarding-header.svelte-10qn3i1{padding:1.5rem 1.5rem 1.25rem}.onboarding-header.svelte-10qn3i1 h2:where(.svelte-10qn3i1){font-size:1.25rem}.onboarding-subtitle.svelte-10qn3i1{font-size:.8125rem}.tip.svelte-10qn3i1{padding:.875rem 1.5rem;gap:.875rem}.tip-icon.svelte-10qn3i1{width:2.25rem;height:2.25rem;border-radius:8px}.tip-content.svelte-10qn3i1 strong:where(.svelte-10qn3i1){font-size:.875rem}.tip-content.svelte-10qn3i1 p:where(.svelte-10qn3i1){font-size:.75rem}.onboarding-button.svelte-10qn3i1{width:calc(100% - 2rem);margin:.75rem 1rem 1.25rem;padding:.875rem 1.25rem;font-size:.875rem;border-radius:10px}}