@font-face{font-family:Mokoto;src:url(/fonts/Mokoto.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0a0a0f;--bg-surface:#0f0f1a;--bg-card:#ffffff0a;--accent-pink:#e91e63;--accent-cyan:#00d4ff;--accent-violet:#885cf6;--text-primary:#f0efff;--text-muted:#9b9baa;--text-faint:#4a4a5a;--border-subtle:#ffffff14;--border-accent:#8b5cf640;--glow-violet:0 0 32px #8b5cf659;--glow-cyan:0 0 32px #00d4ff40;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-mokoto:"Mokoto", sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.75;position:relative}body:before{content:"";opacity:.035;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}#root{flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.bg-lines{pointer-events:none;z-index:1;position:fixed;inset:0}.bg-line{opacity:1;background-color:#666;width:.5px;position:absolute;top:0;bottom:0}.reading-progress{background:linear-gradient(90deg, var(--accent-pink), var(--accent-cyan));z-index:999;width:0%;height:2px;transition:width .1s linear;position:fixed;top:64px;left:0}.blog-hero{background-color:#08080f;flex-direction:column;justify-content:flex-end;min-height:90vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(80% 60% at 60% 30%,#8b5cf61f 0%,#0000 60%),radial-gradient(60% 40% at 20% 70%,#00d4ff12 0%,#0000 50%),linear-gradient(#0d0818 0%,#08080f 50%,#0a0a0f 100%);position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.22;z-index:2;border-radius:50%;animation:9s ease-in-out infinite floatOrb;position:absolute}.hero-orb-1{background:var(--accent-pink);width:520px;height:520px;animation-delay:0s;top:8%;right:8%}.hero-orb-2{background:var(--accent-cyan);width:380px;height:380px;animation-delay:-4.5s;bottom:22%;left:3%}.hero-orb-3{background:var(--accent-violet);opacity:.12;width:250px;height:250px;animation-delay:-2s;top:50%;right:35%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(24px,-32px)scale(1.06)}66%{transform:translate(-16px,20px)scale(.94)}}.hero-name{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-title{font-family:var(--font-mokoto);letter-spacing:.05em;color:var(--accent-pink);white-space:nowrap;font-size:max(3rem,14.4vw);line-height:.536;position:absolute;top:36%;left:3.507%}.hero-subtitle{font-family:var(--font-mokoto);letter-spacing:.05em;color:#fff;white-space:nowrap;font-size:max(1.5rem,6.5vw);line-height:1.25;position:absolute;top:52%;left:74.34%}