*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{min-height:100vh;padding-bottom:40px}.container{max-width:1440px;margin:0 auto}.header{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:420px;margin-top:50px;padding:40px 20px}.header h1{color:#f0f4ff;margin-bottom:10px;padding-top:90px;font-size:3em;font-weight:700}.header p{opacity:.9;color:#f0f4ff;font-size:1.2em;font-weight:300}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:40px 30px;display:grid}.card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:40px 30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}.card:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.card-icon{justify-content:center;height:100px;margin-bottom:20px;font-size:4em;transition:transform .3s;display:flex}@media (max-width:768px){.card-icon{width:80px;height:80px;margin:0 auto 15px;padding-left:0;font-size:3em}}@media (max-width:480px){.card-icon{width:60px;height:60px;font-size:2.5em}}.card h2{color:#f0f4ff;margin-bottom:15px;font-size:1.8em;font-weight:600}.card p{color:#f0f4ff;font-size:1em;line-height:1.5}.blog-page{background:#fff;border-radius:15px;max-width:900px;margin:40px auto;padding:50px;animation:.5s fadeIn;box-shadow:0 10px 30px rgba(0,0,0,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;margin-bottom:30px;padding:12px 30px;font-size:1em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px rgba(102,126,234,.3)}.back-btn:hover{background:#764ba2;transform:translate(-5px);box-shadow:0 6px 20px rgba(118,75,162,.4)}.blog-header{border-bottom:3px solid #667eea;margin-bottom:40px;padding-bottom:20px}.blog-header h1{color:#333;margin-bottom:15px;font-size:2.5em;font-weight:700;line-height:1.3}.blog-meta{color:#666;font-size:.95em;font-style:italic}.blog-content{color:#444;font-size:1.05em}.blog-content h2{color:#667eea;margin-top:40px;margin-bottom:20px;padding-left:20px;font-size:2em;font-weight:600;position:relative}.blog-content h2:before{content:"";background:#764ba2;border-radius:3px;width:5px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.blog-content h3{color:#764ba2;margin-top:30px;margin-bottom:15px;font-size:1.5em;font-weight:600}.blog-content h4{color:#555;margin-top:25px;margin-bottom:12px;font-size:1.2em;font-weight:600}.blog-content p{text-align:justify;margin-bottom:20px;line-height:1.8}.blog-content ul,.blog-content ol{margin:20px 0 20px 40px}.blog-content li{margin-bottom:12px;line-height:1.7}.blog-content strong{color:#333;font-weight:600}.highlight-box{background:#f0f4ff;border-left:4px solid #667eea;border-radius:5px;margin:30px 0;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.highlight-box strong{color:#667eea;font-size:1.1em}.cta-box{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin:40px 0;padding:40px;box-shadow:0 10px 30px rgba(102,126,234,.3)}.cta-box h3{margin-bottom:15px;font-size:2em;font-weight:700}.cta-box p{opacity:.95;margin-bottom:10px;font-size:1.1em}.cta-button{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:20px;padding:15px 40px;font-size:1.1em;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px rgba(0,0,0,.2)}.cta-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.3)}.faq-section{margin-top:50px}.faq-item{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:25px;transition:all .3s;box-shadow:0 2px 5px rgba(0,0,0,.05)}.faq-item:hover{background:#f0f4ff;box-shadow:0 4px 15px rgba(0,0,0,.1)}.faq-question{color:#333;margin-bottom:12px;font-size:1.2em}.faq-answer{color:#555;max-height:500px;line-height:1.7}.steps-list{counter-reset:step-counter;margin-left:0;list-style:none}.steps-list li{counter-increment:step-counter;margin-bottom:30px;padding-top:5px;padding-left:60px;position:relative}.steps-list li:before{content:counter(step-counter);color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2em;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px rgba(102,126,234,.3)}.steps-list li strong{color:#667eea;margin-bottom:8px;font-size:1.1em;display:block}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0;display:grid}.feature-card{text-align:center;background:#f9f9f9;border:2px solid transparent;border-radius:8px;padding:20px;transition:all .3s}.feature-card:hover{background:#f0f4ff;border-color:#667eea;transform:translateY(-5px);box-shadow:0 5px 15px rgba(102,126,234,.2)}.feature-icon{margin-bottom:10px;font-size:2.5em}.feature-card h4{color:#667eea;margin:10px 0;font-size:1.1em}.feature-card p{color:#666;font-size:.9em;line-height:1.5}.text-center{text-align:center}@media (max-width:768px){.header h1{font-size:2em}.header p{font-size:1em}.blog-page{margin:20px 15px;padding:30px 20px}.blog-header h1{font-size:1.8em}.blog-content h2{font-size:1.5em}.blog-content h3{font-size:1.3em}.cards-grid{grid-template-columns:1fr;gap:20px}.card{padding:30px 20px}.feature-grid{grid-template-columns:1fr}.steps-list li{padding-left:50px}.steps-list li:before{width:35px;height:35px;font-size:1em}.cta-box{padding:30px 20px}.cta-box h3{font-size:1.5em}.cta-button{padding:12px 30px;font-size:1em}}@media (max-width:480px){.header h1{font-size:1.8em}.blog-header h1{padding-top:40px;font-size:1.5em}.card h2{font-size:1.5em}.card-icon{padding-bottom:90px;font-size:3em}.blog-content p{text-align:left}}@media print{.back-btn,.cta-box{display:none}.blog-page{box-shadow:none;padding:20px}body{background:#fff}}.back-btn:focus,.cta-button:focus,.card:focus{outline-offset:3px;outline:3px solid #667eea}html{scroll-behavior:smooth}::selection{color:#fff;background:#667eea}::selection{color:#fff;background:#667eea}.faq-container{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.faq-title{color:#1a1a1a;text-align:center;margin-top:50px;margin-bottom:30px;font-size:32px;font-weight:700}.faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;transition:box-shadow .3s;overflow:hidden}.faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.faq-question{cursor:pointer;color:#2c3e50;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.faq-question:hover{background-color:#f8f9fa}.faq-icon{color:#666;flex-shrink:0;margin-left:15px;font-size:24px;font-weight:300;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:500px;padding:0 20px;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:500px;padding:0 20px 18px}.faq-answer p{color:#555;margin:0;font-size:15px;line-height:1.6}@media (max-width:768px){.faq-container{padding:15px}.faq-title{margin-bottom:20px;font-size:26px}.faq-question{padding:15px;font-size:15px}.faq-answer p{font-size:14px}}