@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";.panel[data-astro-cid-dhtnepus]{position:fixed;right:18px;bottom:76px;width:min(96vw,420px);height:min(70vh,640px);z-index:60;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:#0c0c10e6;backdrop-filter:blur(8px)}.panel[data-astro-cid-dhtnepus] iframe[data-astro-cid-dhtnepus]{width:100%;height:100%;border:0;background:transparent}:root{--bg: 12 12 16;--bg-elev: 17 17 23;--text: 230 230 240;--muted: 160 160 180;--primary: 64 224 208;--accent: 0 139 139;--warn: 255 212 0;--success: 90 230 170;--ring: 0 139 139;--radius: 14px;--shadow: 0 10px 40px rgba(0,0,0,.35);--glow: 0 0 25px rgba(0,139,139,.35), 0 0 55px rgba(64,224,208,.22);--brand1: 64 224 208;--brand2: 0 139 139;--link: 102 255 255}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgb(var(--text));background:radial-gradient(1200px 800px at 120% -20%,rgba(0,139,139,.08),transparent 60%),radial-gradient(800px 600px at -20% 10%,rgba(64,224,208,.07),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%),rgb(var(--bg));background-attachment:fixed;padding-top:64px}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}.container{max-width:1120px;padding:0 24px;margin:0 auto}.glass{background:#ffffff05;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:var(--radius)}.button{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;color:#000;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--primary)));border-radius:12px;text-decoration:none;font-weight:600;box-shadow:0 6px 28px #008b8b61,0 0 0 1px #ffffff14 inset;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button.secondary{background:#ffffff0f;color:rgb(var(--text));border:1px solid rgba(255,255,255,.1);box-shadow:none}.button:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 10px 32px #008b8b73,0 0 0 1px #ffffff1a inset}.button:active{transform:translateY(0)}@media (prefers-reduced-motion: no-preference){html,body,.card,.nav,.button,.button.secondary,.theme-toggle,.menu-toggle,.prose,.react,.input,.comment{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}}.neon{background:linear-gradient(90deg,rgb(var(--accent)),rgb(var(--primary)));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(0,139,139,.3);background-size:200% 200%;animation:shift 8s ease-in-out infinite}@keyframes shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#ffffff03);padding:1.1rem;border-radius:14px;transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease}.card:hover{border-color:#40e0d040;box-shadow:0 12px 36px #00000059,0 0 0 1px #40e0d014 inset;transform:translateY(-2px)}.panel-card{position:relative;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease}.panel-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,rgb(var(--accent)),rgb(var(--primary)));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.panel-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent),.3);box-shadow:0 25px 50px #00000040}.panel-card:hover:before{transform:scaleX(1)}html[data-theme=light] .panel-card{background:linear-gradient(135deg,#00000005,#00000003);border-color:#0000001a}html[data-theme=light] .panel-card:hover{box-shadow:0 20px 40px #0000001a;border-color:rgba(var(--primary),.3)}.prose{line-height:1.75;font-size:1.05rem;letter-spacing:.005em;-webkit-font-smoothing:antialiased;color:rgb(var(--text))}.prose p{margin:0 0 1rem}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.25;margin:1.4rem 0 .6rem}.prose h2{font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:700}.prose h3{font-size:clamp(1.15rem,2vw,1.35rem);font-weight:650}.prose h4{font-size:1.1rem;font-weight:600}.prose strong{font-weight:650}.prose a{color:rgb(var(--link));text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.08em;text-decoration-color:#40e0d0b3}.prose a:hover{color:#fff;text-decoration-color:#40e0d0}.prose ul,.prose ol{padding-left:1.2rem;margin:0 0 1rem}.prose li{margin:.35rem 0}.prose blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid rgba(64,224,208,.5);background:#ffffff08}.prose hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:1.4rem 0}.prose code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.prose pre{overflow:auto;padding:.9rem;border-radius:10px;background:#ffffff0a}.react{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:10px;background:#ffffff0f;color:rgb(var(--text));border:1px solid rgba(255,255,255,.1)}.react.active{outline:2px solid rgba(64,224,208,.35)}.input{background:#ffffff08;border:1px solid rgba(255,255,255,.12);color:inherit;border-radius:10px;padding:.7rem .8rem}.comment{padding:.6rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff05}.row{display:flex;gap:1rem;flex-wrap:wrap}.col{flex:1 1 280px}.muted{color:rgb(var(--muted))}.center{text-align:center}.spacer{height:56px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.06);background:#0c0c1073;backdrop-filter:blur(10px)}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:1.2rem}.nav a{color:rgb(var(--text));text-decoration:none;opacity:.88;position:relative}.nav a:hover{opacity:1}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,#40e0d0cc,#008b8bcc)}.nav-actions{display:flex;align-items:center;gap:1.2rem}.theme-toggle{width:38px;height:38px;border-radius:10px;border:none;color:inherit;background:#ffffff0a;display:grid;place-items:center;cursor:pointer;pointer-events:auto;position:relative;z-index:50}.menu-toggle{display:none;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:inherit;cursor:pointer}.hero{padding:96px 0 48px;position:relative}.hero-ring{position:absolute;inset:-120px -80px auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,139,139,.22),transparent 60%);filter:blur(16px);pointer-events:none}.hero:before,.hero:after{content:"";position:absolute;inset:auto auto 0 0;width:56vw;height:48vh;pointer-events:none;filter:blur(40px);opacity:.45;background:radial-gradient(800px 320px at 20% 110%,rgba(64,224,208,.35),transparent 60%),radial-gradient(720px 280px at 120% 20%,rgba(0,139,139,.3),transparent 60%);z-index:-1;transform:translateZ(0)}.hero:after{inset:-10% -10% auto auto;width:40vw;height:40vh;opacity:.3;filter:blur(55px)}.hero h1{font-family:Sora,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(2.6rem,6vw,4rem);margin:0 0 .6rem;letter-spacing:-.01em}.hero p{font-size:clamp(1rem,2.2vw,1.2rem)}.lead{font-size:clamp(1.05rem,2.4vw,1.25rem);letter-spacing:.005em}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.9rem}.badge .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,rgb(var(--brand1)),rgb(var(--brand2)));box-shadow:0 0 10px #40e0d099}footer{padding:48px 0;color:rgb(var(--muted))}@media (max-width: 720px){.nav-inner{height:60px}.menu-toggle{display:inline-grid;place-items:center}.nav-links{position:absolute;top:60px;right:16px;background:#0c0c10d9;backdrop-filter:blur(10px);padding:.8rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:flex-start;width:calc(100vw - 32px);max-width:360px;display:none}.nav-links.open{display:flex}body{padding-top:60px}}h1,h2,h3,h4{font-family:Sora,Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.01em}h1{font-weight:800}h2{font-weight:700}h3{font-weight:650}a{color:rgb(var(--link))}a:hover{color:rgb(var(--link-hover))}:focus-visible{outline:2px solid rgba(64,224,208,.85);outline-offset:2px;border-radius:10px}.section-title{position:relative;display:inline-block;padding-bottom:.25rem}.section-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#40e0d0b3,#008b8bb3);opacity:.6}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.01em;text-decoration:none;color:inherit}.brand:hover{filter:brightness(1.05)}.brand .logo{width:22px;height:22px;border-radius:50%;overflow:hidden;display:inline-block;background:transparent;box-shadow:0 0 0 1px #ffffff14 inset}.brand .logo img{width:100%;height:100%;display:block}.brand-text{font-family:Sora,Plus Jakarta Sans,system-ui,sans-serif;font-weight:400;letter-spacing:.08em;text-transform:lowercase;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--primary)),rgb(var(--accent)));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 8s ease infinite}html[data-theme=light]{--bg: 248 249 254;--bg-elev: 255 255 255;--text: 24 26 34;--muted: 110 115 140;--primary: 0 150 150;--accent: 32 178 170;--ring: 0 150 150;--link: 0 120 120}html[data-theme=light] body{background:radial-gradient(1200px 800px at 120% -20%,rgba(0,150,150,.12),transparent 60%),radial-gradient(800px 600px at -20% 10%,rgba(32,178,170,.1),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.02),transparent 30%),rgb(var(--bg))}html[data-theme=light] .button.secondary{background:#0000000a;border-color:#00000014}html[data-theme=light] .card{border-color:#00000014;background:linear-gradient(180deg,#00000005,#00000003)}html[data-theme=light] .card:hover{border-color:#00000029;box-shadow:0 12px 36px #0000001f,0 0 0 1px #0000000f inset}html[data-theme=light] .nav{background:#ffffffb3;border-bottom-color:#00000014}html[data-theme=light] .brand .logo{background:#0c0c10;box-shadow:0 0 0 1px #0003 inset}html[data-theme=light] .react{background:#0000000a;border-color:#00000014}html[data-theme=light] .input{background:#00000005;border-color:#0000001f}html[data-theme=light] .comment{background:#00000005;border-color:#00000014}@media (max-width: 720px){html[data-theme=light] .nav-links{background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)}html[data-theme=light] .nav-links a{color:rgb(var(--text));opacity:.9}html[data-theme=light] .nav-links a:hover{opacity:1;color:rgb(var(--primary))}html[data-theme=light] .menu-toggle{background:#0000000a;border-color:#0000001f}}.footer-content[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem 0}.footer-copyright[data-astro-cid-sz7xmlte]{font-size:.9rem;margin-bottom:.25rem}.footer-brand-text[data-astro-cid-sz7xmlte]{font-family:Sora,Plus Jakarta Sans,system-ui,sans-serif;font-weight:400;letter-spacing:.08em;text-transform:lowercase;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--primary)),rgb(var(--accent)));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 8s ease infinite}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.footer-tagline[data-astro-cid-sz7xmlte]{color:rgb(var(--muted));font-size:.8rem}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:.75rem}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:rgb(var(--muted));text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:rgb(var(--text))}@media (max-width: 768px){.footer-content[data-astro-cid-sz7xmlte]{flex-direction:column;text-align:center;padding:1.25rem 0}}
