.onboarding-container{width:100vw;height:100vh;flex-direction:column;background-color:#ffffff;padding:20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-wrapper,.onboarding-container{display:flex;justify-content:center;align-items:center}.content-wrapper{flex:1;flex-direction:column;text-align:center;max-width:320px;animation:fadeIn .5s ease-in-out}.image-frame{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:3px solid #f0f0f0}.guide-image{width:100%;height:100%;object-fit:cover}.title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1.4}.description{font-size:15px;color:#666;margin:0;line-height:1.5}.dots-container{display:flex;gap:10px;margin:20px 0}.dot{width:8px;height:8px;border-radius:50%;background-color:#ddd;transition:all .3s ease}.dot.active{background-color:#007bff;transform:scale(1.3)}.button-container{display:flex;gap:16px;width:100%;max-width:300px}.btn{flex:1;padding:14px 0;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.btn-skip{background-color:#f8f9fa;color:#495057}.btn-skip:hover{background-color:#e9ecef}.btn-next{background-color:#007bff;color:white}.btn-next:hover{background-color:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}