@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,700&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-sandstone: #F4F1EC;--bg-white: #FFFFFF;--bg-alt: #EAE6DF;--bg-code: #1E1E22;--slate: #4A6D8C;--sky: #8FB0CC;--crimson: #B03060;--charcoal: #2C2C2E;--body-text: #6E6D68;--muted: #7A7872;--border: #D6D2CB;--font-heading: "Fraunces", serif;--font-body: "DM Sans", sans-serif;--font-code: "JetBrains Mono", monospace;--section-pad-y: clamp(40px, 7vw, 80px);--content-max: 1100px;--reading-max: 720px;--content-pad-x: clamp(20px, 5vw, 40px);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-weight:400;color:var(--body-text);background:var(--bg-sandstone);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--charcoal);line-height:1.25}a{color:var(--slate);text-decoration:none;transition:color .25s var(--ease-out)}a:hover{color:var(--charcoal)}::selection{background:var(--slate);color:#fff}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--content-pad-x)}.reading-width{max-width:var(--reading-max);margin:0 auto}.section-label{font-family:var(--font-code);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--crimson);margin-bottom:12px;display:block}.section-heading{font-family:var(--font-heading);font-weight:600;font-size:clamp(28px,4vw,40px);color:var(--charcoal);margin-bottom:40px}.tag{font-family:var(--font-code);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--crimson)}.tag-pill{background:#b0306014;padding:3px 8px;border-radius:4px}.topo-texture{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 120 Q75 60 150 120 T300 120' fill='none' stroke='%234A6D8C' stroke-width='0.5'/%3E%3Cpath d='M0 150 Q75 90 150 150 T300 150' fill='none' stroke='%23B03060' stroke-width='0.5'/%3E%3Cpath d='M0 180 Q75 120 150 180 T300 180' fill='none' stroke='%234A6D8C' stroke-width='0.5'/%3E%3Cpath d='M0 80 Q75 30 150 80 T300 80' fill='none' stroke='%23B03060' stroke-width='0.5'/%3E%3Cpath d='M0 210 Q80 160 160 210 T300 210' fill='none' stroke='%234A6D8C' stroke-width='0.5'/%3E%3Cpath d='M0 50 Q60 10 150 50 T300 50' fill='none' stroke='%23B03060' stroke-width='0.5'/%3E%3Cpath d='M0 250 Q90 200 170 250 T300 250' fill='none' stroke='%234A6D8C' stroke-width='0.5'/%3E%3C/svg%3E");background-size:300px 300px;opacity:.06}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:nth-child(1){transition-delay:0ms}.reveal-stagger>.reveal:nth-child(2){transition-delay:60ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.12s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.18s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.3s}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px;font-weight:600;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .3s var(--ease-out);text-decoration:none}.btn-primary{background:var(--slate);color:#fff}.btn-primary:hover{background:var(--sky);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #4a6d8c40}.btn-ghost{background:transparent;color:var(--slate);padding:12px 0}.btn-ghost:hover{color:var(--charcoal)}.btn-sm{font-size:12px;padding:8px 18px}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:24px;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2c2c2e0f;border-color:var(--slate)}.code-block{background:var(--bg-code);border:1px solid #333;border-radius:10px;padding:0;overflow:hidden;position:relative;font-family:var(--font-code);font-size:13px;line-height:1.6}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 0}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#28ca41}.code-lang{font-family:var(--font-code);font-size:9px;font-weight:600;text-transform:uppercase;color:#888;letter-spacing:1px}.code-block pre{padding:14px 18px 18px;overflow-x:auto;color:#e8e6e1;margin:0}.astro-code{background:var(--bg-code)!important;border:1px solid #333;border-radius:10px;padding:14px 18px;overflow-x:auto;font-family:var(--font-code);font-size:13px;line-height:1.6;margin:20px 0!important;max-width:100%;box-sizing:border-box}.astro-code code{background:transparent;padding:0;font-size:inherit;color:inherit}.kw{color:#c43668}.tp{color:#d64a7a}.fn{color:#7a9bbc}.st{color:#8fbc6a}.cm{color:#555;font-style:italic}.callout{padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;font-size:14px;line-height:1.6}.callout-tip{background:var(--bg-alt);border-left:3px solid var(--slate)}.callout-warning{background:#f5ede8;border-left:3px solid var(--crimson)}.callout-note{background:var(--bg-white);border-left:3px solid var(--border);color:var(--muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}