*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;line-height:1.6;scroll-behavior:smooth;background:#fafbfc;color:#222}body{font-size:1rem;background:#fff;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;color:#111}h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:1rem}h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:1rem}h3{font-size:1.4rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:#444}ul{list-style:none;padding-left:0}li{margin-bottom:.4rem;color:#444}a{color:#1d6df0;text-decoration:none;transition:.2s ease}a:hover{text-decoration:underline}button,.cta-primary,.cta-secondary{cursor:pointer;border-radius:8px;padding:.8rem 1.6rem;transition:all .25s ease-in-out;font-weight:600}.cta-primary{background:#1d6df0;color:#fff;border:none;box-shadow:0 4px 12px #1d6df04d}.cta-primary:hover{background:#0c55c9;box-shadow:0 6px 16px #1d6df066}.cta-secondary{background:#fff;border:2px solid #1d6df0;color:#1d6df0}.cta-secondary:hover{background:#e8f1ff}.container{max-width:1200px;margin:auto;padding:0 1.2rem}.section{padding:clamp(2rem,5vw,4rem) 1.2rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#fff;border-radius:12px;padding:1.8rem;border:1px solid #e5e7eb;box-shadow:0 4px 14px #0000000d;transition:.25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000014}.hero{padding:6rem 1rem;text-align:center;background:linear-gradient(135deg,#eef2ff,#f8fbff)}.hero-inner{max-width:850px;margin:auto}.hero p{font-size:1.2rem;color:#555}.fade-in{animation:fadeIn .9s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}header,footer{padding:2rem 1rem;text-align:center;background:#f9fafc;color:#333;border-top:1px solid #eee}main{min-height:70vh;padding-top:1rem}footer{margin-top:auto;font-size:.95rem}nav{background:#fffc;backdrop-filter:blur(8px);border-bottom:1px solid #e6e6e6;padding:1rem 0;position:sticky;top:0;z-index:20}nav .nav-container{max-width:1200px;margin:auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}nav .logo{font-size:1.4rem;font-weight:700;color:#1d6df0;text-decoration:none}nav .logo:hover{opacity:.8}nav ul{display:flex;gap:1.6rem;list-style:none}nav li{list-style:none}nav a{font-weight:500;color:#333;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .2s ease}nav a:hover{border-bottom:2px solid #1d6df0;color:#1d6df0}@media (max-width: 768px){nav ul{display:none}}.blog-heading{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.5rem;text-align:center}.blog-subtitle{max-width:700px;margin:0 auto 2rem;text-align:center;color:#555}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2.5rem}.blog-card{display:block;padding:1.6rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 14px #0000000d;transition:all .25s ease;color:inherit}.blog-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000012;border-color:#1d6df0}.blog-date{font-size:.85rem;color:#777;margin:.4rem 0 .8rem}.blog-excerpt{color:#444;margin-bottom:1rem}.blog-readmore{color:#1d6df0;font-weight:600;display:inline-block;margin-top:.5rem}.article-container{max-width:750px;margin:auto;padding:2rem 1rem 4rem}.article-title{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.5rem;text-align:left}.article-date{color:#777;font-size:.9rem;margin-bottom:1.2rem}.article-description{font-size:1.1rem;color:#555;margin-bottom:2rem}.article-body{font-size:1.1rem;line-height:1.85;color:#333}.article-body p{margin-bottom:1.4rem}.article-body h2{margin-top:2.2rem;margin-bottom:.8rem;font-size:1.6rem}.article-body h3{margin-top:1.8rem;margin-bottom:.6rem;font-size:1.3rem}.article-body ul{margin-left:1.2rem;margin-bottom:1.4rem;list-style:disc}.article-body li{margin-bottom:.4rem}.article-body blockquote{border-left:4px solid #1d6df0;padding:.8rem 1rem;margin:1.6rem 0;background:#f5f8ff;color:#333;border-radius:6px}.article-body img{width:100%;height:auto;border-radius:12px;margin:1.6rem 0;box-shadow:0 6px 18px #00000014}