:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--background-hsl: 210 40% 98%;--foreground-hsl: 222 47% 11%;--card-hsl: 0 0% 100%;--card-foreground-hsl: 222 47% 15%;--primary-hsl: 221 83% 53%;--primary-hover-hsl: 221 83% 43%;--muted-hsl: 210 40% 95%;--muted-foreground-hsl: 215.4 16.3% 46.9%;--border-hsl: 214.3 31.8% 91.4%;--navbar-bg: rgba(255, 255, 255, .75);--shadow-color: 222 47% 11%;--shadow-intensity: .06;--background: hsl(var(--background-hsl));--foreground: hsl(var(--foreground-hsl));--card: hsl(var(--card-hsl));--card-foreground: hsl(var(--card-foreground-hsl));--primary: hsl(var(--primary-hsl));--primary-hover: hsl(var(--primary-hover-hsl));--muted: hsl(var(--muted-hsl));--muted-foreground: hsl(var(--muted-foreground-hsl));--border: hsl(var(--border-hsl));--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s ease}[data-theme=dark]{--background-hsl: 224 71% 4%;--foreground-hsl: 210 40% 98%;--card-hsl: 222.2 84% 4.9%;--card-foreground-hsl: 210 40% 98%;--primary-hsl: 217.2 91.2% 59.8%;--primary-hover-hsl: 217.2 91.2% 69.8%;--muted-hsl: 223 47% 11%;--muted-foreground-hsl: 215 20.2% 65.1%;--border-hsl: 223 47% 15%;--navbar-bg: rgba(10, 15, 30, .75);--shadow-color: 0 0% 0%;--shadow-intensity: .3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-margin-top:5rem}body{font-family:var(--font-body);background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--card-foreground)}img{max-width:100%;height:auto;border-radius:var(--radius-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.site-header{position:fixed;top:0;left:0;width:100%;height:4.5rem;background-color:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--foreground)}.site-logo span{color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{font-size:.95rem;font-weight:500;color:var(--muted-foreground);transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle-btn{background:none;border:1px solid var(--border);color:var(--foreground);padding:.5rem;min-width:2.75rem;min-height:2.75rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle-btn:hover{background-color:var(--muted);border-color:var(--primary)}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--foreground);font-size:1.5rem;cursor:pointer;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 4px 20px -2px rgba(var(--shadow-color) / var(--shadow-intensity));transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -4px rgba(var(--shadow-color) / calc(var(--shadow-intensity) * 2.5));border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);color:#fff;transform:translateY(-1px)}.btn-outline{background:none;border-color:var(--border);color:var(--foreground)}.btn-outline:hover{background-color:var(--muted);border-color:var(--primary);transform:translateY(-1px)}.grid{display:grid;gap:2rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.site-footer{border-top:1px solid var(--border);background-color:var(--card);padding:4rem 0 2rem;margin-top:6rem}.site-footer .container{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-socials{display:flex;gap:1.5rem;margin-bottom:2rem}.social-icon-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--border);color:var(--muted-foreground);background:none;transition:all var(--transition-normal)}.social-icon-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--muted);transform:scale(1.1)}.footer-copy{font-size:.875rem;color:var(--muted-foreground)}.split-portrait{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem}.split-even{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.blog-toolbar{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:3rem}.blog-search{position:relative;max-width:460px;width:100%}.blog-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--card);color:var(--foreground);font-family:var(--font-body);font-size:1rem}.tag-filter{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.tag-chip{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;min-height:2.75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--card);color:var(--foreground);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tag-chip:hover{border-color:var(--primary)}.tag-chip.active{background-color:var(--primary);border-color:var(--primary);color:#fff}[data-theme=dark] .tag-chip.active{background-color:#1450d2;border-color:#1450d2}.tag-chip.more-toggle{background:none;color:var(--muted-foreground)}@media(max-width:992px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.split-portrait,.split-even{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:768px){.mobile-nav-toggle{display:inline-flex}.nav-menu{display:none;position:absolute;top:4.5rem;left:0;width:100%;background-color:var(--card);border-bottom:1px solid var(--border);flex-direction:column;padding:2rem;gap:1.5rem;align-items:flex-start}.nav-menu.open{display:flex}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.section-pad{padding-top:3.5rem!important;padding-bottom:3.5rem!important}}.rich-text-content{font-size:1.1rem;line-height:1.8;color:var(--foreground)}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4{margin:2rem 0 1rem}.rich-text-content p{margin-bottom:1.5rem;text-align:left}.rich-text-content table,.rich-text-content pre{display:block;max-width:100%;overflow-x:auto}.rich-text-content iframe{max-width:100%}.rich-text-content ul,.rich-text-content ol{margin-bottom:1.5rem;padding-left:2rem}.rich-text-content li{margin-bottom:.5rem}.rich-text-content img{margin:1.5rem 0;width:100%!important;height:auto!important;box-shadow:0 8px 30px rgba(var(--shadow-color) / var(--shadow-intensity))}.rich-text-content blockquote{border-left:4px solid var(--primary);padding:1rem 1.5rem;background-color:var(--muted);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:2rem 0;font-style:italic}