body{font-family:Inter,sans-serif;background-color:#f9f9f9;color:#333}.blog-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:24px;transition:box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.blog-card:hover{box-shadow:0 4px 20px #0000001a}.blog-card-title{font-size:20px;font-weight:700;margin-bottom:16px;color:#111827}.blog-card-author-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-details{display:flex;flex-direction:column}.author-name{font-weight:600;color:#3b82f6;text-decoration:none}.author-bio{font-size:.85rem;color:#4b5563}.blog-card-date{font-size:.85rem;color:#6b7280;margin-bottom:12px}.blog-card-link{margin-top:auto;font-weight:500;color:#6366f1;text-decoration:none;transition:color .3s ease}.blog-card-link:hover{color:#4338ca}.home-container{max-width:1200px;margin:0 auto;padding:2rem}.home-title{font-size:2rem;margin-bottom:2rem;text-align:center;color:#4f46e5}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.about-page{font-family:Inter,sans-serif;color:#1f2937}.container{max-width:960px;margin:0 auto;padding:40px 20px}.about-hero{background-color:#f3f4f6;padding:60px 20px;text-align:center}.about-hero h1{font-size:2.5rem;margin-bottom:10px;color:#111827}.about-hero p{font-size:1.2rem;color:#4b5563}.about-content section{margin-bottom:40px}.about-content h2{font-size:1.75rem;margin-bottom:16px;color:#111827}.about-content p{font-size:1rem;line-height:1.6;color:#374151}.mission-vision{display:flex;flex-wrap:wrap;gap:20px}.mission-vision .box{flex:1;background-color:#e5e7eb;padding:20px;border-radius:10px}.values{list-style:none;padding:0;line-height:1.8}.stats{display:flex;justify-content:space-around;background-color:#f9fafb;padding:30px 0;border-radius:10px;text-align:center}.stats h3{font-size:2rem;color:#4f46e5}.stats p{color:#6b7280}.navbar{background-color:#fff;border-bottom:1px solid #eaeaea;padding:1rem 2rem;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-logo{font-size:1.5rem;font-weight:700;color:#4f46e5;text-decoration:none}.menu-toggle{display:none;font-size:1.8rem;cursor:pointer}.navbar-links{display:flex;gap:1.5rem;list-style:none}.navbar-links a{text-decoration:none;color:#333;font-weight:500}.navbar-links a:hover{color:#4f46e5}@media (max-width: 768px){.menu-toggle{display:block}.navbar-links{display:none;flex-direction:column;background:#fff;position:absolute;top:60px;right:0;width:180px;box-shadow:0 4px 8px #0000001a;padding:1rem}.navbar-links.active{display:flex}.navbar-links li{margin-bottom:1rem}}.footer{background-color:#111827;color:#d1d5db;padding:40px 20px 20px;margin-top:60px;font-family:Inter,sans-serif}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;border-bottom:1px solid #374151;padding-bottom:20px}.footer-section{flex:1 1 200px;min-width:180px}.footer-section h3{font-size:1.125rem;margin-bottom:16px;color:#fff}.footer-section a{display:block;color:#9ca3af;text-decoration:none;margin-bottom:10px;transition:color .3s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;color:#6b7280;font-size:.875rem;margin-top:20px}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-section{margin-bottom:20px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.blog-detail{max-width:800px;margin:40px auto;padding:0 20px;font-family:Segoe UI,sans-serif;line-height:1.75;color:#2c3e50}.blog-title{font-size:2.5rem;margin-bottom:10px;color:#222}.blog-meta{font-size:.9rem;color:#888;margin-bottom:20px;display:flex;justify-content:space-between}.blog-content h1,.blog-content h2,.blog-content h3{font-weight:700;margin-top:2rem;margin-bottom:1rem;color:#1a1a1a}.blog-content p{margin-bottom:1.2rem}.blog-content ul,.blog-content ol{margin-left:1.5rem;margin-bottom:1.2rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{margin:1.5rem 0;padding:1rem;background-color:#f9f9f9;border-left:5px solid #ccc;font-style:italic}.blog-content pre{background:#2d2d2d;color:#f8f8f2;padding:1rem;overflow-x:auto;border-radius:5px;margin:1.5rem 0}.blog-content code{padding:2px 5px;border-radius:3px;font-family:Courier New,monospace}.blog-meta{display:flex;gap:20px;font-size:14px;color:#666;margin-bottom:20px}.author-link{color:#36c;text-decoration:none}.author-link:hover{text-decoration:underline}.blog-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.75;font-size:1rem;color:#1f1f1f;padding:20px 0}.blog-content h1,.blog-content h2,.blog-content h3{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.2}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content p{margin:1rem 0}.blog-content ul,.blog-content ol{padding-left:1.5rem;margin:1rem 0}.blog-content li{margin:.5rem 0}.blog-content code{background:#f4f4f4;padding:2px 5px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace}.blog-content pre{background:#0d1117;color:#c9d1d9;padding:1rem;overflow-x:auto;border-radius:8px;margin:1.5rem 0}.blog-content pre code{background:transparent;padding:0;font-size:.95rem}.blog-content img{width:100%;max-width:800px;height:auto;display:block;margin:1.5rem auto}.contact-page{font-family:Inter,sans-serif;padding:40px 0;background-color:#f9fafb;color:#1f2937}.container{max-width:960px;margin:0 auto;padding:0 20px}h1{font-size:2.5rem;margin-bottom:10px;text-align:center}.contact-description{text-align:center;color:#4b5563;margin-bottom:40px;font-size:1.1rem}.contact-grid{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px}.contact-info,.contact-map{flex:1 1 300px}.contact-info h2,.contact-form h2{font-size:1.5rem;margin-bottom:15px;color:#111827}.contact-info p{margin:10px 0;font-size:1rem;color:#374151}.contact-form form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;width:100%;background-color:#fff}.contact-form button{background-color:#4f46e5;color:#fff;border:none;padding:12px;font-size:1rem;border-radius:6px;cursor:pointer;transition:.3s}.contact-form button:hover{background-color:#4338ca}@media (max-width: 768px){.contact-grid{flex-direction:column}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.h-24{height:6rem}.h-32{height:8rem}.h-8{height:2rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.w-24{width:6rem}.w-32{width:8rem}.flex{display:flex}.flex-grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-6{gap:1.5rem}.border{border-width:1px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.object-cover{object-fit:cover}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity))}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.underline{text-decoration-line:underline}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
