*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:root{--emerald:#081218;--emerald-bright:#0f7d6e;--emerald-glow:#2dd4bf;--purple-glow:#a78bfa;--purple-bright:#6d28d9;--blue-glow:#60a5fa;--blue-bright:#2d6bb5;--pink-glow:#f472b6;--space-black:#080b14;--deep-black:#0c0f1e;--astro-white:#eef3ff;--soft-white:#b8c8e0;--surface-1:#0f1228;--surface-2:#131629;--surface-3:#1a1e36;--border:#8264ff1f;--font-sans:"Mona Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--logo-mark-color:var(--emerald-glow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth;height:100dvh;overflow:hidden}body{background:var(--space-black);color:var(--astro-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;height:100dvh;display:flex;overflow:hidden}main{scrollbar-width:none;flex:1;overflow-y:auto}main::-webkit-scrollbar{display:none}.stars{z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,#eef3ff99 0%,#0000 100%),radial-gradient(1px 1px at 72% 8%,#eef3ff66 0%,#0000 100%),radial-gradient(1.5px 1.5px at 40% 55%,#eef3ff80 0%,#0000 100%),radial-gradient(1px 1px at 88% 40%,#eef3ff59 0%,#0000 100%),radial-gradient(1px 1px at 5% 75%,#eef3ff66 0%,#0000 100%),radial-gradient(1.5px 1.5px at 60% 85%,#eef3ff4d 0%,#0000 100%),radial-gradient(1px 1px at 30% 92%,#eef3ff73 0%,#0000 100%),radial-gradient(1px 1px at 95% 70%,#eef3ff4d 0%,#0000 100%),radial-gradient(1px 1px at 52% 30%,#eef3ff80 0%,#0000 100%),radial-gradient(1px 1px at 78% 62%,#eef3ff59 0%,#0000 100%);position:fixed;inset:0}.orb{pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:fixed;transform:translateZ(0)}.orb-1{filter:blur(100px);background:radial-gradient(circle,#5eead433 0%,#5eead41a 25%,#5eead40a 50%,#5eead403 65%,#0000 75%);width:clamp(500px,70vw,1000px);height:clamp(500px,70vw,1000px);top:-25%;right:-25%}.orb-2{filter:blur(120px);background:radial-gradient(circle,#a78bfa2e 0%,#a78bfa17 25%,#a78bfa08 50%,#a78bfa03 65%,#0000 75%);width:clamp(400px,60vw,850px);height:clamp(400px,60vw,850px);bottom:-15%;left:-20%}.orb-3{filter:blur(100px);background:radial-gradient(circle,#f472b61f 0%,#f472b60f 25%,#f472b605 50%,#0000 70%);width:clamp(300px,45vw,650px);height:clamp(300px,45vw,650px);top:50%;left:40%}.nav{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060a0d66;border-bottom:1px solid #8264ff1a;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.5rem,6vw,6rem);display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);color:var(--astro-white);letter-spacing:-.02em;align-items:center;gap:.125rem;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:300;text-decoration:none;display:inline-flex}.nav-wordmark span{background:linear-gradient(135deg,#5eead4 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:clamp(1rem,3vw,2.5rem);list-style:none;display:flex}.nav-links a{font-family:var(--font-sans);color:var(--soft-white);opacity:.8;letter-spacing:-.01em;font-size:clamp(.75rem,1.3vw,.875rem);font-weight:300;text-decoration:none;transition:opacity .2s,color .2s}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--emerald-glow)}.eyebrow{font-family:var(--font-sans);letter-spacing:.01em;color:var(--emerald-glow);align-items:center;gap:.75rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);font-size:clamp(1rem,1.6vw,1.125rem);font-style:italic;font-weight:300;display:flex}.eyebrow:before{content:"";background:var(--emerald-glow);opacity:.5;width:clamp(20px,3vw,32px);height:1px;display:block}.section-marker{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--emerald-glow);align-items:center;gap:1rem;margin-bottom:clamp(2rem,4vw,3.5rem);font-size:clamp(.8rem,1.3vw,.875rem);font-style:italic;font-weight:300;display:flex}.section-marker:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.btn-primary{font-family:var(--font-sans);background:var(--emerald-bright);color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;border-radius:8px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-block;transform:translateZ(0)}.btn-primary:hover{background:var(--emerald-glow);transform:translateY(-1px)translateZ(0);box-shadow:0 0 20px #2dd4bf59}.btn-outline{font-family:var(--font-sans);border:1px solid var(--border);color:var(--soft-white);cursor:pointer;white-space:nowrap;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;border-radius:8px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-block;transform:translateZ(0)}.btn-outline:hover{color:var(--purple-glow);border-color:#a78bfa73}.btn-mesh{font-family:var(--font-sans);background:radial-gradient(ellipse 85% 55% at 8% 25%, #2dd4bf38 0%, transparent 62%), radial-gradient(ellipse 105% 65% at 60% 58%, #a78bfa30 0%, transparent 62%), radial-gradient(ellipse 60% 45% at 92% 28%, #60a5fa24 0%, transparent 58%), radial-gradient(ellipse 75% 50% at 32% 82%, #8b5cf61f 0%, transparent 55%), var(--surface-2);color:var(--astro-white);cursor:pointer;white-space:nowrap;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;border-radius:8px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:inline-block;transform:translateZ(0);box-shadow:inset 0 0 0 1px #a78bfa2e}.btn-mesh:hover{background:radial-gradient(ellipse 85% 55% at 8% 25%, #2dd4bf57 0%, transparent 62%), radial-gradient(ellipse 105% 65% at 60% 58%, #a78bfa4d 0%, transparent 62%), radial-gradient(ellipse 60% 45% at 92% 28%, #60a5fa38 0%, transparent 58%), radial-gradient(ellipse 75% 50% at 32% 82%, #8b5cf62e 0%, transparent 55%), var(--surface-2);transform:translateY(-1px)translateZ(0);box-shadow:inset 0 0 0 1px #a78bfa4d,0 0 24px #a78bfa1a,0 0 48px #2dd4bf0f}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--soft-white);letter-spacing:.05em;cursor:default;background:0 0;border-radius:14px;padding:.4rem 1rem;font-size:clamp(.75rem,1.2vw,.825rem);font-weight:300;transition:all .2s}.tag:hover{color:var(--emerald-glow);border-color:#3bbd7466}.tag-p{color:var(--purple-glow);border-color:#9d6fff40}.tag-p:hover{border-color:#9d6fff80}.status{align-items:center;gap:.5rem;display:inline-flex}.dot{background:var(--emerald-glow);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}.status-text{font-family:var(--font-sans);color:var(--soft-white);letter-spacing:-.01em;font-size:clamp(.8rem,1.3vw,.875rem);font-style:italic;font-weight:300}.skip-nav{z-index:100;background:var(--surface-2);color:var(--astro-white);font-family:var(--font-sans);border:1px solid var(--emerald-glow);border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:top .1s;position:absolute;top:-100%;left:1rem}.skip-nav:focus-visible{top:1rem}:focus-visible{outline:2px solid var(--emerald-glow);outline-offset:3px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #2dd4bf80}50%{opacity:.7;box-shadow:0 0 0 5px #2dd4bf00}}@keyframes irisShimmer{0%{background-position:0%}to{background-position:100%}}.iris{background:linear-gradient(in oklch 110deg, var(--purple-glow) 0%, var(--blue-glow) 50%, var(--emerald-glow) 100%);-webkit-text-fill-color:transparent;will-change:background-position;background-size:200%;-webkit-background-clip:text;background-clip:text;padding-bottom:.15em;font-style:italic;animation:5s ease-in-out infinite alternate irisShimmer;display:inline-block}.post-content h2{color:var(--astro-white);letter-spacing:-.03em;margin:2.5rem 0 1rem;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:300;line-height:1.2}.post-content h3{color:var(--astro-white);letter-spacing:-.02em;margin:2rem 0 .75rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300}.post-content p{margin-bottom:1.25rem}.post-content strong{color:var(--astro-white);font-weight:400}.post-content em{color:var(--emerald-glow);font-style:italic}.post-content a{color:var(--blue-glow);text-decoration:underline}.post-content code{font-family:var(--font-mono);background:var(--surface-2);color:var(--emerald-glow);border-radius:4px;padding:.15em .4em;font-size:.85em}.post-content blockquote{border-left:2px solid var(--emerald-bright);opacity:.8;margin:2rem 0;padding-left:1.25rem;font-style:italic}.post-content ul,.post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--logo-mark-color:#0d1117;--space-black:#f5f7ff;--deep-black:#eef0fb;--astro-white:#0d1117;--soft-white:#2d3748;--surface-1:#eceffe;--surface-2:#e4e7f8;--surface-3:#dde1f4;--border:#6450dc1a;--emerald:#081218;--emerald-bright:#0f7d6e;--emerald-glow:#065e55;--purple-glow:#7c3aed;--purple-bright:#5a32a3;--blue-glow:#2563eb;--pink-glow:#db2777}[data-theme=light] body{color:#0d1117;background:#f5f7ff}[data-theme=light] .nav{background:#f5f7ffd9;border-bottom:1px solid #00000014}[data-theme=light] .nav-links a{color:#2d3748}[data-theme=light] .stars,[data-theme=light] .orb,[data-theme=light] .home-orb{opacity:0!important}[data-theme=light] .btn-mesh{color:#f5f7ff;box-shadow:none;background:#0d1117}[data-theme=light] .btn-mesh:hover{background:#1a2332;transform:translateY(-1px)translateZ(0);box-shadow:0 4px 16px #00000026}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:#0d1117!important;background:#fff!important;border-color:#0000001a!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#0d111759!important}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{box-shadow:0 0 0 3px #3bbd7414;border-color:#3bbd7480!important}