@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f8fafc;font-family:Inter,sans-serif;line-height:1.6}.container{max-width:1200px;margin:auto;padding:60px 20px}nav{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}nav div{flex-wrap:wrap;display:flex}a{color:#0f172a;margin-left:15px;font-size:14px;text-decoration:none}.hero{color:#fff;text-align:center;background:linear-gradient(90deg,#2563eb,#38bdf8);padding:60px 20px}.hero h1{margin-bottom:10px;font-size:36px}.hero p{opacity:.9;font-size:16px}.hero button{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:20px;padding:12px 28px;transition:all .3s}.btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:20px;padding:12px 28px;transition:all .3s}.btn:hover{background:#1d4ed8}.grid{gap:25px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px;transition:all .3s}.card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000014}.section-title{text-align:center;margin-bottom:30px;font-size:32px}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px}.review-name{margin-top:10px;font-weight:700}footer{color:#fff;text-align:center;background:#0f172a;padding:40px 20px}footer a{color:#38bdf8}.whatsapp{background:#25d366;border-radius:50%;padding:14px;position:fixed;bottom:15px;right:15px}.quote-wrapper{background:linear-gradient(135deg,#eef2ff,#f5f3ff);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.quote-container{background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;display:grid;overflow:hidden;box-shadow:0 10px 40px #0000001a}.quote-left{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:40px}.quote-left h1{margin-bottom:15px;font-size:30px}.quote-left p{opacity:.9;margin-bottom:20px}.quote-form{padding:40px}.quote-form h2{margin-bottom:20px}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:12px;padding:14px;font-size:15px}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:#6366f1;outline:none}.file-box{text-align:center;border:2px dashed #ccc;border-radius:8px;margin-bottom:15px;padding:15px}.quote-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px}.quote-btn:hover{background:#4338ca}@media (max-width:992px){.hero h1{font-size:28px}}@media (max-width:768px){.container{padding:40px 15px}nav{flex-direction:column;align-items:flex-start}nav div{margin-top:10px}a{margin-left:0;margin-right:15px}.hero{padding:40px 15px}.hero h1{font-size:24px}.quote-container{grid-template-columns:1fr}.quote-left,.quote-form{padding:25px}}@media (max-width:480px){.hero h1{font-size:20px}.section-title{font-size:24px}.card{padding:20px}.quote-left h1{font-size:22px}}.contact-wrapper{gap:40px;display:flex}.contact-form,.contact-info{flex:1;width:100%}.contact-subtext{text-align:center;color:#64748b;margin-bottom:40px}@media (max-width:768px){.contact-wrapper{flex-direction:column;gap:20px}}.logo{color:#2563eb;letter-spacing:.5px;text-decoration:none;transition:all .3s;display:inline-block}.logo:hover{color:#1d4ed8;transform:scale(1.05)}.blog-header{text-align:center;margin-bottom:50px}.blog-header h1{color:#0f172a;margin-bottom:15px;font-size:40px}.blog-header p{color:#64748b;font-size:18px}.blog-card{flex-direction:column;justify-content:space-between;display:flex}.blog-date{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.blog-title{color:#0f172a;margin-bottom:15px;font-size:22px;line-height:1.3}.blog-excerpt{color:#475569;margin-bottom:20px;font-size:15px}.read-more{color:#2563eb;margin-left:0;font-weight:600;transition:all .3s;display:inline-block}.read-more:hover{color:#1d4ed8;transform:translate(5px)}.blog-post-wrapper{background:#fff;max-width:800px;margin:auto;padding:60px 20px}.back-link{color:#2563eb;margin-bottom:30px;margin-left:0;font-weight:600;display:inline-block}.back-link:hover{text-decoration:underline}.post-header{margin-bottom:40px}.post-header h1{color:#0f172a;margin-bottom:15px;font-size:38px;line-height:1.2}.post-meta{color:#64748b;font-size:15px;font-weight:500}.post-content h2{color:#0f172a;margin-top:40px;margin-bottom:15px;font-size:28px}.post-content p{color:#334155;margin-bottom:25px;font-size:18px;line-height:1.8}.post-content ul{margin-bottom:25px;margin-left:20px}.post-content li{color:#334155;margin-bottom:10px;font-size:18px;line-height:1.6}.post-content strong{color:#0f172a}.cta-box{text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:50px;padding:40px}.cta-box h3{color:#0f172a;margin-bottom:15px;font-size:24px}.cta-box p{color:#475569;margin-bottom:25px}@media (max-width:768px){.blog-header h1{font-size:30px}.post-header h1{font-size:28px}.post-content h2{font-size:24px}.post-content p,.post-content li{font-size:16px}.cta-box{padding:25px}}
