:root{--primary:#7e22ce;--primary-dark:#6b21a8;--secondary:#a855f7;--dark:#1e293b;--light:#f8fafc;--gray:#64748b;--border:#e2e8f0}h1,h2,h3,h4,h5,h6{font-weight:600}.container-sections{background:#fff;border-radius:15px;overflow:hidden;font-family:Inter,sans-serif;color:var(--dark);line-height:1.6;width:100%}.tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #eaeaea;position:relative;max-width:1200px;margin:0 auto}.tab{padding:18px 25px;cursor:pointer;font-weight:600;color:#6c757d;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;flex:1}.tab:hover{color:#495057;background:rgba(0,0,0,.03)}.tab.active{color:var(--primary-color)}.tab.active::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:4px;background:var(--primary-color);border-radius:3px 3px 0 0}.tab i{font-size:18px}.content-container{position:relative;max-width:1200px;margin:0 auto}.home-content{display:none;padding:35px;animation:fadeIn .5s ease}.home-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timer-container{height:4px;background:#e9ecef;width:100%}.timer-progress{height:100%;width:0%;background:var(--primary-color);transition:width 10s linear}@media (max-width:600px){.tabs{flex-direction:column;padding:0}.tab{justify-content:center;border-bottom:1px solid #eaeaea}.tab.active::after{width:3px;height:100%;right:0;left:auto;border-radius:3px 0 0 3px}}.hero-section{padding:6rem 0 5rem;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:url("data:image/svg+xml,%3Csvg width='100' height='100' ... %3C/svg%3E");opacity:.5}.hero-content{position:relative;z-index:2}.feature-card{background:#fff;border-radius:12px;padding:2rem;height:100%;box-shadow:0 4px 6px rgba(0,0,0,.03);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.feature-icon{width:60px;height:60px;border-radius:12px;background:rgba(126,34,206,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary-color);font-size:1.5rem}.section-title{position:relative;margin-bottom:3rem;text-align:center}.section-title:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary-color);border-radius:2px}.smart-modals-section{background:linear-gradient(135deg,#7e22ce 0,#a855f7 100%);padding:6rem 2rem;position:relative;overflow:hidden;color:#fff;margin:0 auto}.modal-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2rem;height:100%;transition:transform .2s ease}.modal-card:hover{transform:translateY(-5px)}.cta-section{background:#fff;color:#000;padding:5rem 0;text-align:center}.tool-img{border-radius:12px;transition:transform .3s ease}.tool-img:hover{transform:translateY(-5px)}.wave-divider{width:100%;line-height:0}.step-card{text-align:center;padding:2rem;border-radius:12px;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.03);height:100%}.step-number{width:50px;height:50px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1.5rem;font-size:1.25rem}.code-block{background:#1e293b;color:#f1f5f9;border-radius:8px;padding:1.5rem;font-family:'Fira Code',monospace;overflow-x:auto}.code-tag{color:#ff79c6}.code-attr{color:#0ea5e9}.code-value{color:#22c55e}