@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color: rgb(0, 100, 250);--secondary-color: #121212;--accent-color: #FFB800;--light-gray: #f7f7f9;--dark-gray: #333333;--mid-gray: #666666;--light-blue: rgba(0, 100, 250, .1);--white: #ffffff;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}body{font-family:Inter,sans-serif;color:var(--secondary-color);background-color:var(--white);line-height:1.6}img{max-width:100%;height:auto;border-radius:8px}.container,main{max-width:1000px;margin:0 auto;padding:0 20px}header{padding:20px 0;position:sticky;top:0;background-color:#fffffff2;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.5rem;letter-spacing:1.15px}.logo-be{color:var(--primary-color)}nav ul{display:flex;list-style:none;gap:30px}nav li{font-size:1rem}header a{color:var(--secondary-color);text-decoration:none;font-weight:500;transition:var(--transition)}nav a:hover{color:var(--primary-color)}.nav-cta{background-color:var(--primary-color);color:var(--white)!important;padding:8px 16px;border-radius:100px}.nav-cta:hover{background-color:#4b4ddb;transform:translateY(-2px)}.hero{padding:80px 20px;display:flex;align-items:center;flex-wrap:wrap}.hero-content{flex:1;min-width:300px;padding-right:40px;max-width:80%;margin:0 auto}.hero h1{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:24px}.highlight{color:var(--primary-color)}.hero p{font-size:1.5rem;margin-bottom:32px;color:var(--mid-gray)}footer{padding:24px 0;background-color:var(--white)}.footer-content{display:grid;align-items:center;text-align:center}.footer-content p{color:#666;margin:0;font-size:.625rem}.footer-links{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:8px}.footer-links a{color:var(--mid-gray);text-decoration:none;font-weight:500;font-size:.5rem}.footer-links span{color:#666;font-size:.5rem}.footer-links a:hover{text-decoration:underline}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:16px}.footer-links{margin-top:24px;flex-wrap:wrap}}.blog-post-container{padding-top:40px}.blog-post-container ul{display:flex;flex-wrap:wrap;gap:2rem;list-style-type:none;margin:0;padding:0}.blog-post-container ul li{width:calc(50% - 1rem)}.blog-post-container ul li *{text-decoration:none;transition:.2s ease}.blog-post-container ul li:first-child{width:100%;margin-bottom:1rem;text-align:center}.blog-post-container ul li:first-child img{width:100%}.blog-post-container ul li:first-child .title{font-size:2.369rem}.blog-post-container ul li img{margin-bottom:.5rem;border-radius:12px}.blog-post-container ul li a{display:block}.blog-post-container .title{margin:0;color:rgb(var(--black));line-height:1}.blog-post-container .date{margin:0;color:rgb(var(--gray))}.blog-post-container ul li a:hover h4,.blog-post-container ul li a:hover .date{color:rgb(var(--accent))}.blog-post-container ul a:hover img{box-shadow:var(--box-shadow)}@media (max-width: 720px){.blog-post-container ul{gap:.5em}.blog-post-container ul li{width:100%;text-align:center}.blog-post-container ul li:first-child{margin-bottom:0}.blog-post-container ul li:first-child .title{font-size:1.563em}}.prose{max-width:65ch;margin:0 auto;padding:2rem 0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:2rem;margin-bottom:1rem;line-height:1.2}.prose h1{font-size:2.5rem;font-weight:700}.prose h2{font-size:2rem;font-weight:600}.prose h3{font-size:1.5rem;font-weight:600}.prose p{margin-bottom:1.5rem;line-height:1.7}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:2rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--mid-gray)}.prose code{background-color:var(--light-gray);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.prose pre{background-color:var(--light-gray);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0}.prose pre code{background:none;padding:0}.prose img{margin:2rem 0;border-radius:8px}.prose hr{margin:3rem 0;border:none;border-top:1px solid var(--light-gray)}.hero-image{margin-bottom:2rem}.hero-image img{width:100%;height:auto;border-radius:12px}.title{text-align:center;margin-bottom:3rem}.title h1{margin-bottom:1rem}.date{color:var(--mid-gray);font-size:.9rem;margin-bottom:1rem}.last-updated-on{font-size:.8rem;color:var(--mid-gray);margin-top:.5rem}
