*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#6528F7;--primary-hover:#5511F8;--dark-color:#0F172A;--text-color:#454F5E;--light-bg:#F2F0FE;--white:#FFF;--border-color:#D8D8F5}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.65;color:var(--text-color);background:var(--white)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;color:var(--dark-color);line-height:1.4}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{max-width:1300px;margin:0 auto;padding:0 20px}.hero-section{background:linear-gradient(135deg,#1408de 0,#3a1dd1 100%);padding:80px 20px;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1300px;margin:0 auto}.hero-text{text-align:center;color:var(--white)}.hero-logo{max-width:300px;margin-bottom:30px}.hero-text h1{font-family:Roboto,sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;line-height:47px;color:#ffc83b}.hero-text h4{color:rgba(255,255,255,.9);font-weight:400;margin-bottom:30px}.feature-list{list-style:none;margin-bottom:30px}.feature-list li{display:flex;align-items:center;color:var(--white)}.feature-list li svg{width:20px;height:20px;margin-right:10px;fill:#4ade80}.cta-button{display:inline-flex;align-items:center;gap:10px;background:#ffbe00;color:var(--primary-color);padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.2)}.cta-button:hover{background:#61ce70;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.cta-button svg{width:20px;height:20px;fill:currentColor}.hero-note{margin-top:20px;font-size:.9rem;color:rgba(255,255,255,.8)}.hero-image img{width:100%;border-radius:10px}.benefits-section{padding:80px 20px;background:var(--white)}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.benefits-image img{width:100%;border-radius:10px}.benefit-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:6px}.benefit-item svg{width:60px;height:60px;flex-shrink:0;fill:var(--primary-color);background:var(--light-bg);padding:10px;border-radius:50%}.benefit-item h3{font-size:1.1rem;margin-bottom:5px}.features-section{padding:80px 20px;background:linear-gradient(135deg,#2504d1 0,#3a1dd1 100%);color:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-header svg{width:50px;height:50px;fill:#fbbf24;margin-bottom:20px}.section-header h2{color:var(--white);margin-bottom:15px}.section-header p{font-size:1.1rem;opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto}.feature-card{display:flex;gap:20px;background:rgba(255,255,255,.1);padding:30px;border-radius:10px;backdrop-filter:blur(10px);transition:.3s}.feature-card:hover{background:rgba(255,255,255,.15);transform:translateY(-5px)}.feature-card svg{width:80px;height:80px;flex-shrink:0;fill:#0c3697;background:#fff;padding:12px;border-radius:50%}.feature-card h3{color:#faa600;margin-bottom:10px;font-size:1.2rem}.feature-card p{color:rgba(255,255,255,.9);line-height:1.6}.cta-card{background:linear-gradient(135deg,#1e40af 0,#3b82f6 100%);padding:60px 40px;border-radius:15px;text-align:center;margin:60px 0;box-shadow:0 10px 40px rgba(0,0,0,.2)}.cta-card svg{width:60px;height:60px;fill:var(--white);margin-bottom:20px}.cta-card h4{color:var(--white);font-size:1.8rem;margin-bottom:15px}.cta-card p{color:rgba(255,255,255,.9);margin-bottom:30px;font-size:1.1rem}.how-it-works{padding:80px 20px;background:var(--light-bg)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.step-card{background:var(--white);padding:40px 30px;border-radius:10px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:.3s}.step-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.pricing-section{padding:80px 20px;background:linear-gradient(135deg,#2504d1 0,#3a1dd1 100%);color:var(--white)}@media(max-width:1024px){.hero-content,.benefits-grid,.features-grid,.pricing-grid{grid-template-columns:1fr}.hero-image{display:none}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}.hero-section{padding:60px 20px}.steps-grid{grid-template-columns:1fr}}