@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--bg-card:#ffffffb3;--text-main:#0f172a;--text-muted:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--border:#0000001a;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-hover:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--gradient-mesh:radial-gradient(at 0% 0%, #e7e0ff 0, transparent 50%), radial-gradient(at 50% 0%, #e0e8ff 0, transparent 50%), radial-gradient(at 100% 0%, #ffe0eb 0, transparent 50%)}.dark{--bg-color:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#60a5fa;--accent-hover:#93c5fd;--border:#ffffff1a;--shadow:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-hover:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--gradient-mesh:radial-gradient(at 0% 0%, #23202c 0, transparent 50%), radial-gradient(at 50% 0%, #1f2947 0, transparent 50%), radial-gradient(at 100% 0%, #4c1a2c 0, transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}h1,h2,h3,h4{margin-bottom:.5em;font-weight:700;line-height:1.2}h1{letter-spacing:-.025em;font-size:3rem}h2{letter-spacing:-.025em;font-size:2.25rem}h3{font-size:1.5rem}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:800px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;border-radius:0 0 32px 32px;margin-bottom:3rem;padding:6rem 0 5rem;position:relative;overflow:hidden}.hero-bg{background-image:var(--gradient-mesh);opacity:.8;z-index:-1;filter:blur(80px);animation:10s infinite alternate bg-pulse;position:absolute;inset:-50%}@keyframes bg-pulse{0%{transform:scale(1)rotate(0)}to{transform:scale(1.1)rotate(5deg)}}.hero-title{background:linear-gradient(135deg, var(--text-main) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.card{box-shadow:var(--shadow);cursor:pointer;border-radius:16px;flex-direction:column;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.card h3{color:var(--text-main);margin-bottom:.5rem;transition:color .2s}.card:hover h3{color:var(--accent)}.card-meta{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.navbar{z-index:100;border-bottom:1px solid var(--border);padding:1rem 0;transition:background-color .3s,border-color .3s;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.05em;color:var(--text-main);font-size:1.5rem;font-weight:800}.icon-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,transform .2s;display:flex}.icon-btn:hover{background-color:var(--border);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.post-layout{padding-bottom:5rem}.post-header{text-align:center;margin-top:4rem;margin-bottom:3rem}.post-meta{color:var(--text-muted);margin-bottom:1rem;font-weight:500}.post-content{font-size:1.125rem}.prose{color:var(--text-main)}.prose h1,.prose h2,.prose h3{color:var(--text-main);margin-top:2em;margin-bottom:1rem}.prose p{margin-bottom:1.5rem}.prose a{color:var(--accent);border-bottom:1px solid #0000;transition:border-color .2s}.prose a:hover{border-bottom-color:var(--accent)}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:4px solid var(--accent);color:var(--text-muted);margin-bottom:1.5rem;padding-left:1rem;font-style:italic}.prose code{background-color:var(--border);color:var(--accent);border-radius:6px;padding:.2rem .4rem;font-family:inherit;font-size:.9em}.prose pre{color:#f8fafc;border-radius:12px;margin-bottom:2rem;padding:1.25rem;overflow-x:auto;box-shadow:inset 0 2px 4px #0000001a;background-color:#1e293b!important}.prose pre code{color:inherit;background:0 0;padding:0;font-family:Fira Code,monospace}.prose img{max-width:100%;box-shadow:var(--shadow);border-radius:12px;margin:2rem 0}