.onboarding-container{width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#11a190,#128c7e);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:4px;background:#fff3;z-index:1000}.progress-bar-fill{height:100%;background:#25d366;transition:width .6s cubic-bezier(.25,1,.5,1);box-shadow:0 0 10px #25d36680}.cards-wrapper{display:flex;width:800%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.card{width:12.5%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 40px;flex-shrink:0;position:relative;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.card.card-scrollable{justify-content:flex-start;padding:0;overflow-y:auto;overflow-x:hidden}.card-content{max-width:450px;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px;box-sizing:border-box}.card-content.centered{text-align:center}.back-button{position:fixed;top:20px;left:20px;background:#25d366;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;color:#fff;box-shadow:0 4px 15px #0003}.back-button svg{stroke:#fff;stroke-width:2.5;opacity:1}.back-button:hover{background:#20bd5a;transform:scale(1.1);box-shadow:0 6px 20px #25d36666}.card-title{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;margin-bottom:50px;text-align:center;color:#fff;line-height:1.3}.card-subtitle{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:15px;color:#fff;font-weight:600;line-height:1.4}.card-subtitle.centered{text-align:center;margin-bottom:35px}.card-description{color:#fffc;margin-bottom:30px;font-size:1rem;line-height:1.5}.personalized-message{font-size:clamp(1.1rem,4vw,1.4rem);line-height:1.7;margin-bottom:40px;color:#fff;white-space:pre-line}.big-emoji{font-size:5rem;margin-bottom:20px;text-align:center}.choice-button{width:100%;padding:20px 24px;margin-bottom:16px;background:#fffffff2;border:none;border-radius:16px;font-size:clamp(1rem,3vw,1.1rem);font-weight:500;color:#303030;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:12px}.choice-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #25d3664d}.choice-emoji{font-size:1.8rem}.choice-text{text-align:left;flex:1}.primary-button{padding:16px 32px;background:#25d366;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 8px 30px #25d36666}.primary-button:hover{transform:scale(1.05);box-shadow:0 12px 40px #25d36680}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:scale(1)}.primary-button.full-width{width:100%}.primary-button.cta-button{font-size:1.2rem;padding:18px 32px}.text-button{background:transparent;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer;text-decoration:underline;padding:12px;width:100%;transition:color .3s ease}.text-button:hover{color:#ffffffe6}.nickname-input{width:100%;padding:18px 20px;font-size:1.2rem;border:3px solid rgba(255,255,255,.3);border-radius:16px;background:#fffffff2;color:#303030;margin-bottom:12px;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;outline:none;box-sizing:border-box}.nickname-input:focus{border-color:#25d366;box-shadow:0 4px 20px #25d3664d}.nickname-input.shake{border-color:#f44;animation:shake .5s}.input-hint{font-size:.9rem;color:#fff9;margin-bottom:30px;text-align:center}.phone-input{width:100%;padding:18px;font-size:1.3rem;border:3px solid rgba(255,255,255,.3);border-radius:16px;background:#fffffff2;color:#303030;margin-bottom:20px;text-align:center;font-family:monospace;font-weight:600;box-sizing:border-box;outline:none}.phone-display{width:100%;padding:18px;font-size:1.8rem;font-weight:700;margin-bottom:20px;font-family:monospace;color:#303030;text-align:center;background:#fffffff2;border:3px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;cursor:pointer;transition:all .3s ease}.phone-display:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.chat-demo{margin-bottom:35px}.chat-message{padding:16px;border-radius:20px;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.user-message{background:#ffffff26;border-radius:20px 20px 4px;margin-left:auto;max-width:85%}.bot-message{background:#25d36640;border:1px solid rgba(37,211,102,.3);border-radius:20px 20px 20px 4px;max-width:85%}.message-label{font-size:.85rem;color:#ffffffb3;margin-bottom:6px}.message-content{color:#fff;font-size:1.05rem}.arrow-down{text-align:center;margin:16px 0;opacity:.5}.dashboard-preview{background:#fffffff2;padding:20px;border-radius:16px;text-align:center}.dashboard-text{font-size:.95rem;color:#303030;font-weight:500;margin-top:8px}.closing-text{text-align:center;margin-bottom:25px;font-size:1.1rem;color:#fff;font-weight:500}.info-box{background:#ffffff26;padding:24px;border-radius:20px;border:2px solid #25D366;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-box-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#25d366;font-weight:700;font-size:1.1rem}.info-text{font-size:.95rem;line-height:1.6;color:#fff;margin-bottom:12px}.info-text:last-child{margin-bottom:0}.button-group{width:100%}.card-6-content{padding:70px 20px 30px;max-width:450px;margin:0 auto;width:100%}.card-6-header{text-align:center;margin-bottom:40px}.card-6-title{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:700;color:#fff;margin-bottom:8px}.card-6-subtitle{color:#ffffffe6;font-size:1.1rem}.info-section{padding:30px 20px;border-radius:20px;margin-bottom:20px;color:#303030}.section-green{background:#ffffffe6}.section-blue{background:#e3f2fd;color:#1565c0}.section-purple{background:#f3e5f5;color:#7b1fa2}.section-orange{background:#fff3e0;color:#e65100;border:2px solid #FFB74D}.section-white{background:#fff;color:#303030}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:700;font-size:1.2rem}.section-header-pink{color:#c2185b}.section-list{list-style:none;padding:0;margin:0}.section-list li,.timeline-item{margin-bottom:10px;font-size:1rem}.section-emphasis{margin-top:15px;font-style:italic;font-weight:500}.plan-card{padding:15px;border-radius:10px;margin-bottom:10px;line-height:1.5}.plan-basic{background:#ffffff80}.plan-premium{background:#fffc}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite;margin-right:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-up-delayed{animation:fadeInUp .6s ease-out .2s backwards}.fade-in-up-more-delayed{animation:fadeInUp .6s ease-out .4s backwards}.fade-in{animation:fadeIn .5s ease-out .6s backwards}.float-animation{animation:floatAnimation 3s ease-in-out infinite}.bounce{animation:bounce 2s infinite}.bounce-delayed{animation:bounce 2s infinite .5s}.slide-in-right{animation:slideInRight .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out .3s backwards}@media(max-width:768px){.card{padding:60px 16px 20px}.card-title{font-size:1.5rem;margin-bottom:30px}.choice-button{padding:18px 20px;font-size:1rem}.primary-button{padding:14px 28px;font-size:1rem}.card-4-content,.card-5-content{padding:60px 16px 20px}.card-6-content{padding:60px 16px 30px}.info-section{padding:24px 16px}.card-4-footer,.card-5-footer{padding:16px}.back-button{top:12px;left:12px;width:40px;height:40px}.back-button svg{width:20px;height:20px}}@media(max-width:480px){.big-emoji{font-size:3.5rem}.phone-display{font-size:1.3rem}.choice-emoji{font-size:1.5rem}.card-subtitle{font-size:1.2rem}.personalized-message{font-size:1rem}.info-box{padding:18px}.card-6-title{font-size:1.6rem}}@media(min-width:769px){.card{padding:80px 40px 40px}.card-content,.card-4-content,.card-5-content,.card-6-content{max-width:500px}.back-button{top:30px;left:30px}.info-section{padding:35px 25px}}.card-4-content,.card-5-content{width:100%;max-width:450px;flex:1;display:flex;flex-direction:column;padding:70px 20px 20px;box-sizing:border-box;align-items:center}.card-4-content .card-content,.card-5-content .card-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}.card-4-footer,.card-5-footer{width:100%;max-width:450px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;margin-top:auto}.card-4-footer .button-group,.card-5-footer .button-group{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.card-6-footer{width:100%;max-width:450px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;margin-top:auto;background:transparent}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;background:linear-gradient(135deg,#128c7e,#25d366);display:flex;align-items:center;justify-content:center;overflow-x:hidden}#root{width:100%;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#fff;text-align:center}.title{font-size:4.5rem;font-weight:900;background:linear-gradient(to right,#25d366,#075e54);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.subtitle{font-size:1.4rem;color:#444;margin-bottom:2.5rem}input{width:100%;max-width:400px;padding:1.2rem;font-size:1.8rem;text-align:center;border:3px solid #e0e0e0;border-radius:20px;margin-bottom:1rem;font-family:Courier New,monospace;letter-spacing:4px}input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 4px #25d36633}button{width:100%;max-width:400px;padding:1.3rem;font-size:1.6rem;font-weight:700;color:#fff;background:#075e54;border:none;border-radius:20px;cursor:pointer;margin-top:1rem;box-shadow:0 8px 20px #075e544d;transition:all .3s}button:hover{background:#064e3b;transform:translateY(-3px)}footer{margin-top:3rem;color:#ffffffb3;font-size:.9rem}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#900,#ffebeb);padding:2rem 1rem;color:#303030;text-align:center}.alert-icon{width:120px;height:120px;margin:0 auto 1.5rem;fill:#fc0;stroke:#000}.error-title{font-size:2rem;font-weight:800;color:#900;margin-bottom:1rem}.error-message{font-size:1.25rem;color:#303030;margin-bottom:2rem;line-height:1.5}.error-button{background:#25d366;font-size:1.4rem;padding:1.25rem;border-radius:20px;font-weight:700;margin-top:0;color:#fff;box-shadow:0 8px 20px #25d3664d;transition:all .3s}.error-button:hover{background:#075e54;transform:scale(1.03)}.error-footer{margin-top:2rem;font-size:.95rem;color:#666}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInSlideUp .6s ease-out forwards}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.glow-button:after{content:"";position:absolute;top:-50%;left:-60%;width:20px;height:200%;background:#ffffff4d;transform:rotate(25deg);transition:left .5s}.glow-button:hover:after{left:120%}.glow-button{position:relative;overflow:hidden}