@import 'https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap';body{background-color:#fff}body .screen-container{font-family:Inter,sans-serif;min-height:100vh;line-height:initial}.screen-container *{margin:0;padding:0;box-sizing:border-box}.container{width:100%;max-width:810px;padding:50px;border-radius:30px;background:url(../images/onboarding/bg-pattern.png)no-repeat,linear-gradient(157.489deg,#f8f1ff 22.618%,#fcf7ff 46.106%,#fff 88.234%);background-blend-mode:overlay,normal;background-size:cover;display:flex;flex-direction:column;align-items:center;gap:50px;margin:5em auto;box-shadow:0 0 25px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,5%)}.container.slideItem{display:flex;gap:30px;position:relative;min-height:600px;flex-direction:row;align-items:stretch;flex-wrap:wrap}.main-content{display:flex;flex-direction:column;align-items:center;gap:30px}.header-section{display:flex;flex-direction:column;align-items:center;gap:20px}.logo{height:32.516px;width:116.728px}.app-info{display:flex;align-items:center;gap:16px}.app-icon{width:64px;height:64px;background:#291b3d;border-radius:16px;display:flex;align-items:center;justify-content:center}.app-icon svg{width:42px;height:39.586px}.app-title h1{font-size:24px;font-weight:700;color:#101517;letter-spacing:-.785px;margin:0}.app-title p{font-size:14px;font-weight:600;color:rgba(16,21,23,.5);letter-spacing:-.785px}.welcome-section{display:flex;flex-direction:column;align-items:center;gap:20px}.welcome-text{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.welcome-text h2{font-size:32px;font-weight:700;color:#000}.welcome-text p{font-size:20px;color:#232527;letter-spacing:-.18px;line-height:35.44px}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.stat-card{background:#fff;padding:8px 15px;border-radius:8px;display:flex;align-items:center;gap:5.161px;border:1px solid rgba(0,0,0,8%);box-shadow:0 2px 4px rgba(0,0,0,6%)}.stat-icon{width:24px;height:24px}.stat-label{font-size:12px;font-weight:500;color:rgba(0,0,0,.5)}.stat-value{font-size:14px;font-weight:700;color:#000}.cta-button{background:linear-gradient(to right,#7f54b3 17.054%,#be5ba7 100.39%);color:#fff;padding:14px 20px;border-radius:8px;border:none;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 15px 24px rgba(127,84,179,.15)}.cta-button:hover{opacity:.9}.left-section{display:flex;flex-direction:column;gap:30px;flex:1}.content-area{display:flex;flex-direction:column;gap:20px;min-height:400px}.app-header{display:flex;align-items:center;gap:8px}.app-icon{width:32px;height:32px;background:rgba(41,27,61,.75);border-radius:8px;display:flex;align-items:center;justify-content:center}.app-icon svg{width:21px;height:19.793px}.app-name{font-size:12px;font-weight:700;color:rgba(16,21,23,.75);letter-spacing:-.3925px}.title-section{display:flex;flex-direction:column;gap:5px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.15);position:relative}.title{font-size:26px;font-weight:700;color:#000}.features-list{display:flex;flex-direction:column;gap:15px}.feature-item{display:flex;gap:10px;align-items:flex-start}.check-icon{width:16px;height:16px;flex-shrink:0;margin:3px 0 0}.feature-text{flex:1;font-size:16px;font-weight:500;color:#232527;line-height:22px}.navigation-buttons{display:flex;gap:10px}.btn-previous{display:flex;align-items:center;gap:5px;padding:10px 20px 10px 0;border-radius:8px;background:0 0;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#7f54b3}.btn-next{display:flex;align-items:center;gap:5px;padding:10px 15px 10px 20px;border-radius:8px;background:linear-gradient(to right,#7f54b3 17.054%,#be5ba7 100.39%);border:none;cursor:pointer;font-size:14px;font-weight:500;color:#fff;box-shadow:0 15px 24px rgba(127,84,179,.15)}.arrow-icon{width:20px;height:20px}.screen-container .screen.active .cta-button.btn-next .wc-sc-onboarding-unset{all:unset}.right-section{display:flex;align-items:center;justify-content:center}.illustration-container{width:100%;position:relative;mix-blend-mode:darken}.illustration-container img{width:100%}.storeapps-logo{position:absolute;bottom:20.48px;left:663px;width:116.728px;height:32.516px}.pagination-controls{position:absolute;left:50px;top:556px;display:flex;align-items:center;gap:15px}.pagination-dots{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:10px;background:rgba(127,84,179,.15)}.dot.active{width:16px;height:8px;border-radius:8px;background:linear-gradient(to right,#7f54b3 17.054%,#be5ba7 100.39%);box-shadow:0 4px 12px rgba(127,84,179,.3)}.skip-link{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:500;color:#7f54b3;text-decoration:none;cursor:pointer}.skip-icon{width:16px;height:16px}.smLink{color:#5950ec}.smLink:hover{text-decoration:none}.screen{display:none;opacity:0}.screen.active{display:block;opacity:1}@media(max-width:1024px){.container{flex-direction:column}.storeapps-logo{position:static;margin-top:20px}.pagination-controls{position:static;margin-top:20px;flex:1;justify-content:flex-end}}@media(max-width:767px){.right-section{width:50%}}@media(max-width:596px){.right-section{width:auto;flex:0 0 100%}.welcome-text h2{font-size:24px}.welcome-text p{font-size:16px;line-height:1.5}.cta-button{font-size:14px}.title{font-size:22px}.features-list{gap:12px}.feature-text{font-size:14px;line-height:20px}.content-area{min-height:unset}.container{padding:30px;border-radius:20px}.navigation-buttons{position:absolute;bottom:100px;left:0;right:0;justify-content:center;z-index:9}}@media(max-width:385px){.container.slideItem{gap:20px}.storeapps-logo{flex:1;display:flex;align-items:center}.skip-link{font-size:10px}.dot{width:6px;height:6px}.btn-next{padding:5px 10px 5px 15px;font-size:12px}.btn-previous{font-size:12px;padding:5px 15px 5px 0}}