@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--bg-main:#090d16;--bg-gradient:radial-gradient(circle at 50% 0%,#1e1b4b 0%,#090d16 70%);--surface-card:rgba(15,23,42,0.7);--surface-hover:rgba(30,41,59,0.85);--border-color:rgba(255,255,255,0.1);--border-accent:rgba(99,102,241,0.4);--primary:#6366f1;--primary-hover:#4f46e5;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-pink:#ec4899;--text-heading:#f8fafc;--text-body:#94a3b8;--text-muted:#64748b;--text-bright:#ffffff;--glass-bg:rgba(15,23,42,0.75);--glass-border:rgba(255,255,255,0.08);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.5);--shadow-glow:0 0 25px rgba(99,102,241,0.25);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}[data-theme="light"]{--bg-main:#f8fafc;--bg-gradient:radial-gradient(circle at 50% 0%,#e0e7ff 0%,#f8fafc 70%);--surface-card:rgba(255,255,255,0.85);--surface-hover:#ffffff;--border-color:rgba(0,0,0,0.08);--border-accent:rgba(99,102,241,0.3);--text-heading:#0f172a;--text-body:#475569;--text-muted:#94a3b8;--text-bright:#020617;--glass-bg:rgba(255,255,255,0.85);--glass-border:rgba(0,0,0,0.08);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.08);--shadow-glow:0 0 20px rgba(99,102,241,0.15);}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background-color:var(--bg-main);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-body);line-height:1.6;min-height:100vh;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;color:var(--text-heading);line-height:1.2;font-weight:700;}a{color:inherit;text-decoration:none;}button{cursor:pointer;border:none;background:none;font-family:inherit;}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;}.site-header{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);padding:1rem 0;transition:var(--transition);}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}.brand-logo{display:flex;align-items:center;gap:0.75rem;font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight:800;color:var(--text-heading);letter-spacing:-0.02em;}.brand-badge{background:linear-gradient(135deg,var(--primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.brand-tag{font-size:0.75rem;padding:0.2rem 0.6rem;border-radius:var(--radius-full);background:rgba(99,102,241,0.15);color:var(--primary);border:1px solid var(--border-accent);font-weight:600;}.nav-menu{display:flex;align-items:center;gap:2rem;}.nav-link{font-size:0.95rem;font-weight:500;color:var(--text-body);transition:var(--transition);}.nav-link:hover,.nav-link.active{color:var(--primary);}.header-actions{display:flex;align-items:center;gap:1rem;}.theme-toggle-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border-color);color:var(--text-heading);display:flex;align-items:center;justify-content:center;transition:var(--transition);}.theme-toggle-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--border-color);color:var(--text-heading);align-items:center;justify-content:center;font-size:1.3rem;}.mobile-drawer{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:var(--bg-main);border-left:1px solid var(--border-color);z-index:200;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;transition:right 0.3s ease-in-out;box-shadow:var(--shadow-lg);}.mobile-drawer.open{right:0;}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:199;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.drawer-overlay.open{opacity:1;pointer-events:auto;}.drawer-header{display:flex;align-items:center;justify-content:space-between;}.drawer-close-btn{font-size:1.5rem;color:var(--text-heading);}.mobile-nav-links{display:flex;flex-direction:column;gap:1.25rem;}.mobile-nav-links a{font-size:1.1rem;font-weight:600;color:var(--text-heading);}.hero-section{padding:5rem 0 3rem 0;text-align:center;position:relative;}.hero-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 1.2rem;border-radius:var(--radius-full);background:rgba(99,102,241,0.1);border:1px solid var(--border-accent);color:var(--primary);font-size:0.85rem;font-weight:600;margin-bottom:1.5rem;animation:pulseGlow 3s infinite alternate;}@keyframes pulseGlow{0%{box-shadow:0 0 10px rgba(99,102,241,0.1);}100%{box-shadow:0 0 20px rgba(99,102,241,0.35);}}.hero-title{font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;margin-bottom:1.25rem;letter-spacing:-0.03em;}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--primary) 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-body);max-width:720px;margin:0 auto 2.5rem auto;}.search-box-wrapper{max-width:640px;margin:0 auto 2rem auto;position:relative;}.search-box{display:flex;align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:0.5rem 0.75rem 0.5rem 1.5rem;backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);transition:var(--transition);}.search-box:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow);}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-heading);font-size:1rem;padding:0.5rem 0;}.search-input::placeholder{color:var(--text-muted);}.search-btn{background:var(--primary);color:#ffffff;padding:0.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;display:flex;align-items:center;gap:0.5rem;transition:var(--transition);}.search-btn:hover{background:var(--primary-hover);transform:translateY(-1px);}.category-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.75rem;margin-top:1.5rem;}.category-chip{padding:0.5rem 1.25rem;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border-color);color:var(--text-body);font-size:0.9rem;font-weight:500;transition:var(--transition);}.category-chip:hover,.category-chip.active{background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 4px 12px rgba(99,102,241,0.3);}.main-section{padding:3rem 0 5rem 0;}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;}.section-title{font-size:1.8rem;font-weight:700;}.post-count-badge{font-size:0.85rem;color:var(--text-muted);}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}.post-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition);position:relative;backdrop-filter:blur(12px);}.post-card:hover{transform:translateY(-6px);border-color:var(--border-accent);box-shadow:var(--shadow-lg),var(--shadow-glow);}.post-thumbnail{width:100%;height:210px;object-fit:cover;background:#1e293b;}.post-content{padding:1.5rem;display:flex;flex-direction:column;flex:1;}.post-meta{display:flex;align-items:center;gap:0.75rem;font-size:0.8rem;color:var(--text-muted);margin-bottom:0.75rem;}.post-category-tag{background:rgba(6,182,212,0.15);color:var(--accent-cyan);padding:0.2rem 0.6rem;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;font-size:0.7rem;letter-spacing:0.04em;}.post-title{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;color:var(--text-heading);line-height:1.35;transition:var(--transition);}.post-card:hover .post-title{color:var(--primary);}.post-excerpt{font-size:0.92rem;color:var(--text-body);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;}.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-color);font-size:0.85rem;color:var(--text-muted);}.read-more-btn{color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:0.3rem;}.spinner-container{text-align:center;padding:4rem 0;grid-column:1 / -1;}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem auto;}@keyframes spin{to{transform:rotate(360deg);}}.site-footer{border-top:1px solid var(--border-color);background:var(--glass-bg);padding:3rem 0;text-align:center;}.footer-brand{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:0.5rem;}.footer-copy{font-size:0.9rem;color:var(--text-muted);}@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;}}@media (max-width:768px){.nav-menu{display:none;}.mobile-menu-btn{display:flex;}.posts-grid{grid-template-columns:1fr;gap:1.25rem;}.hero-section{padding:3rem 0 2rem 0;}.search-box{padding:0.4rem 0.5rem 0.4rem 1rem;}}