@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #f5f8ff;--bg-warm: #fffaf4;--surface: rgba(255, 255, 255, .75);--surface-strong: rgba(255, 255, 255, .92);--text: #1a2a48;--text-muted: #5c6d8d;--accent: #2a63ff;--accent-alt: #0ea6c6;--border: rgba(91, 126, 212, .28);--shadow-soft: 0 10px 28px rgba(43, 66, 120, .13);--shadow-lift: 0 24px 52px rgba(43, 66, 120, .2);--radius: 18px;--container: 1160px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 6% 8%,rgba(255,184,215,.26),transparent 32%),radial-gradient(circle at 88% 0%,rgba(161,221,255,.35),transparent 36%),radial-gradient(circle at 98% 90%,rgba(213,195,255,.26),transparent 30%),linear-gradient(160deg,var(--bg-warm) 0%,var(--bg) 60%,#edf4ff 100%);min-height:100vh;line-height:1.65}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-alt)}a:focus-visible,button:focus-visible{outline:3px solid rgba(42,99,255,.35);outline-offset:2px;border-radius:8px}img{max-width:100%;display:block}main{position:relative;z-index:2;width:min(100% - 2rem,var(--container));margin-inline:auto;padding:2.2rem 0 4rem}.orb-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:340px;height:340px;left:-80px;top:160px;background:radial-gradient(circle at 30% 30%,#ffc2e699,#ffc2e614)}.orb-b{width:380px;height:380px;right:-120px;top:110px;background:radial-gradient(circle at 40% 40%,#9be4ffa6,#9be4ff1a)}.orb-c{width:300px;height:300px;right:35%;bottom:-120px;background:radial-gradient(circle at 45% 45%,#d1b7ff80,#d1b7ff14)}.glass-panel{background:linear-gradient(145deg,#ffffffdb,#f4f9ffd1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.tilt-3d{--rx: 0deg;--ry: 0deg;--ty: 0px;transform-style:preserve-3d;will-change:transform;transform:perspective(920px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,var(--ty),0);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.depth-hover:hover{--ty: -6px;border-color:#2a63ff57;box-shadow:var(--shadow-lift)}.section-title{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-subtext{margin:.5rem 0 0;color:var(--text-muted)}.page-title{margin:0;font-size:clamp(1.8rem,3.8vw,2.7rem)}.page-description{margin:.75rem 0 0;max-width:72ch;color:var(--text-muted)}.grid{display:grid;gap:1rem}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;display:flex;flex-direction:column;gap:.9rem;padding:1.05rem;border-radius:var(--radius);overflow:hidden}.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(130deg,rgba(255,255,255,.25),transparent 46%,rgba(127,193,255,.2));pointer-events:none}.card>*{position:relative;z-index:1}.card h3{margin:0;font-size:1.16rem}.card p{margin:0;color:var(--text-muted)}.badge-list,.meta-list,.stack-list{display:flex;flex-wrap:wrap;gap:.5rem}.badge,.meta,.stack{display:inline-flex;align-items:center;gap:.25rem;font:500 .78rem/1.2 IBM Plex Mono,monospace;color:#335492;background:#bcd8ff59;border:1px solid rgba(105,148,230,.35);border-radius:999px;padding:.3rem .6rem}.stack{background:#bcf9e985;border-color:#48b29957;color:#145e4d}.section{margin-top:2.3rem}.empty-state{margin:0;border-radius:14px;padding:1rem 1.1rem;color:var(--text-muted)}.btn,.link-arrow{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.58rem 1rem;border:1px solid rgba(73,124,232,.34);font-weight:600;letter-spacing:.01em;background:#dfebffb8;color:#1f3768;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.btn:hover,.link-arrow:hover{transform:translateY(-2px);border-color:#1f55ce8c;background:#cee4fff2;color:#133d93}.hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(1.5rem,5vw,3.2rem)}.hero:before{content:"";position:absolute;inset:-40% auto auto -16%;width:360px;height:260px;background:radial-gradient(circle,rgba(255,181,221,.4),transparent 72%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 14%,rgba(155,220,255,.4),transparent 38%);pointer-events:none}.hero p{max-width:68ch;margin:0;color:var(--text-muted)}.hero h1{margin:.6rem 0 .8rem;font-size:clamp(2rem,6vw,3.4rem);line-height:1.1}.hero-chip{display:inline-flex;align-items:center;gap:.4rem;font:500 .78rem/1.2 IBM Plex Mono,monospace;color:#2d5aac;background:#d3e4ff85;border:1px solid rgba(94,140,230,.36);border-radius:999px;padding:.35rem .7rem}.hero-cta{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.8rem}.page-intro{margin-top:.6rem}article.post{border-radius:20px;padding:clamp(1.2rem,3vw,2rem);background:linear-gradient(145deg,#ffffffdb,#f3f8ffd1);border:1px solid rgba(90,129,215,.25);box-shadow:var(--shadow-soft)}.post-header{margin-bottom:1.1rem}.post-header h1{margin:0;font-size:clamp(1.8rem,4vw,2.65rem)}.post-header p{margin:.8rem 0 0;color:var(--text-muted)}.post-content :where(h2,h3,h4){margin-top:1.8rem;margin-bottom:.6rem}.post-content pre{border-radius:14px;overflow-x:auto;border:1px solid rgba(64,102,180,.26)}.post-content code{font-family:IBM Plex Mono,monospace}.post-content blockquote{margin:1rem 0;border-left:3px solid var(--accent);padding:.3rem 0 .3rem .9rem;color:#45608f;background:#b9d6ff59}.info-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{border-radius:16px;padding:1rem}.info-card h3{margin:0 0 .5rem}.info-card p,.info-card li{color:var(--text-muted)}.nav-wrap{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px);border-bottom:1px solid rgba(111,152,236,.24);background:#f8fcffb8}.nav{width:min(100% - 2rem,var(--container));margin-inline:auto;min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand{font:700 1.05rem/1 IBM Plex Mono,monospace;color:#16356f}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:.36rem}.nav-links a{color:#3f5c90;font-size:.93rem;padding:.35rem .7rem;border-radius:999px;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.nav-links a[aria-current=page]{border-color:#497ce861;color:#1548ab;background:#d1e2ff99}.nav-links a:hover{color:#103b92;border-color:#5a8ff259;background:#dfeaff99}.footer{width:min(100% - 2rem,var(--container));margin:2.2rem auto 1.4rem;border-top:1px solid rgba(111,152,236,.28);color:var(--text-muted);padding:1rem;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer small{display:block}.footer-links{display:flex;gap:.6rem;flex-wrap:wrap}.footer-links a{color:#2a4b88}.reveal{animation:reveal-soft .6s ease both}.reveal:nth-child(2){animation-delay:.08s}.reveal:nth-child(3){animation-delay:.14s}@keyframes reveal-soft{0%{opacity:0}to{opacity:1}}.no-tilt .tilt-3d{transform:none!important;transition:box-shadow .2s ease,border-color .2s ease}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tilt-3d{transform:none!important}}@media(max-width:960px){.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid{grid-template-columns:1fr}.orb-b{right:-180px}}@media(max-width:700px){main{width:min(100% - 1.2rem,var(--container));padding-top:1.4rem}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.nav{min-height:3.5rem;padding:.5rem 0;align-items:flex-start;flex-direction:column}.nav-links{width:100%}.footer{margin-top:1.6rem;padding-bottom:1rem}.orb{filter:blur(6px)}}