.onboarding-step{max-width:420px;margin:64px auto 0;background:#fff;border-radius:22px;box-shadow:0 8px 40px #1e202621;padding:44px 24px 32px;display:flex;flex-direction:column;align-items:center;position:relative}.onboarding-illustration{display:flex;justify-content:center;align-items:center;margin-bottom:32px}.onboarding-illustration-img{width:120px;height:120px;object-fit:contain;border-radius:24px;box-shadow:0 2px 16px #1e20261a}.onboarding-title{font-size:2rem;font-weight:700;margin:0 0 16px;color:#181a20;text-align:center}.onboarding-desc{color:#757575;font-size:1.13rem;margin-bottom:28px;text-align:center;line-height:1.4}.onboarding-info{display:flex;align-items:flex-start;background:#fff;border-radius:14px;padding:16px 18px;font-size:1.05rem;color:#232323;margin-bottom:32px;gap:10px;border:2px solid #B388FF;box-shadow:0 1px 8px #7b61ff0a}.onboarding-info-icon{color:#7b61ff;font-size:1.5em;margin-right:8px;margin-top:2px}.onboarding-examples{display:flex;gap:18px;margin-bottom:18px}.onboarding-example{display:flex;flex-direction:column;align-items:center;background:#f6f6f8;border-radius:12px;width:90px;height:110px;justify-content:center;position:relative}.onboarding-photo-placeholder{width:60px;height:70px;background:#e0e0e0;border-radius:10px;margin-bottom:8px}.onboarding-x{color:#e74c3c;font-size:1.5em;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.onboarding-check{color:#27ae60;font-size:1.5em;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.onboarding-list{list-style:none;padding:0;margin:0 0 24px;width:100%}.onboarding-list li{font-size:1.01rem;color:#232323;margin-bottom:8px;text-align:left}.onboarding-actions{display:flex;gap:12px;width:100%;justify-content:space-between}.onboarding-btn{border:none;border-radius:28px;font-size:1.18rem;font-weight:600;padding:18px 0;width:100%;transition:background .18s,color .18s;box-shadow:0 2px 8px #1e20260a;margin-top:0;background:#181a20;color:#fff}.onboarding-btn.primary:hover{background:#23242b}@media (max-width: 600px){.onboarding-step{padding:18px 2vw;margin:24px 0 0}.onboarding-illustration-img{width:80px;height:80px}.onboarding-title{font-size:1.3rem}.onboarding-desc{font-size:1rem}.onboarding-info{font-size:.98rem;padding:10px 8px}}.onboarding-camera-emoji{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:1.6rem;z-index:2;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000012;border:2px solid #E0E0E0}@media (max-width: 600px){.onboarding-camera-emoji{font-size:1.1rem;width:22px;height:22px}}.onboarding-welcome-illustration{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.onboarding-welcome-camera-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(30,32,38,.1))}.onboarding-emoji-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:28px;margin-top:8px}.onboarding-emoji{font-size:72px;display:block;text-align:center;line-height:1}@media (max-width: 600px){.onboarding-emoji-wrapper{margin-bottom:18px;margin-top:0}.onboarding-emoji{font-size:48px}}.onboarding-examples-row.responsive{display:flex;flex-direction:row;gap:24px;justify-content:center;align-items:flex-start;margin-bottom:24px;background:#fff;border-radius:22px;padding:24px 0 12px;box-shadow:0 2px 12px #1e20260f;flex-wrap:nowrap}.onboarding-example-box{flex:0 0 140px;display:flex;justify-content:center;align-items:center}.onboarding-photo-frame.small-responsive{width:120px;height:160px;border-radius:18px;background:#f6f6f6;border:2px solid #E0E0E0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.onboarding-photo-img{width:100%;height:100%;object-fit:cover;border-radius:18px}.onboarding-icon{position:absolute;left:50%;bottom:10px;transform:translate(-50%);font-size:2.1rem;background:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;border:3px solid #fff}.onboarding-icon.wrong{color:#f44336;border-color:#f44336}.onboarding-icon.right{color:#4caf50;border-color:#4caf50}@media (max-width: 600px){.onboarding-examples-row.responsive{flex-direction:row;gap:12px;align-items:center;padding:12px 0 6px;flex-wrap:nowrap}.onboarding-photo-frame.small-responsive{width:90px;height:110px;border-radius:10px}.onboarding-photo-img{border-radius:10px}.onboarding-example-box{flex:0 0 100px}}