*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%;background:linear-gradient(135deg,#e8f5f1,#ededfc,#fdf3e7)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}:root{--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg: rgba(255,255,255,.72);--color-bg-subtle: rgba(255,255,255,.55);--color-bg-muted: rgba(255,255,255,.38);--color-text: #111827;--color-text-muted: #4b5563;--color-text-faint: #6b7280;--color-cta-bg: var(--color-text);--color-cta-text: #fff;--color-cta-border: rgba(255,255,255,.28);--color-cta-ghost: rgba(255,255,255,.85);--color-border: rgba(17,24,39,.08);--color-border-strong: rgba(17,24,39,.15);--color-nav-bg: rgba(255,255,255,.75);--color-accent: #6d5ae6;--color-accent-light:#ede9fe;--color-accent-mid: #5340d4;--color-anjana: #1a6b5c;--color-anjana-light:#d1fae5;--color-pycanon: #534ab7;--color-pycanon-light:#ede9fe;--color-trasgodp: #854f0b;--color-trasgodp-light:#fef3c7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(109,90,230,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 8px 32px rgba(109,90,230,.1), 0 2px 8px rgba(0,0,0,.06);--max-w: 1100px;--section-py: 5rem}[data-theme=dark]{--color-bg: rgba(15,12,30,.82);--color-bg-subtle: rgba(3, 24, 51, .75);--color-bg-muted: rgba(25, 20, 63, .65);--color-text: #f1eeff;--color-text-muted: #b0a8d4;--color-text-faint: #7a7299;--color-border: rgba(255,255,255,.08);--color-border-strong: rgba(255,255,255,.15);--color-nav-bg: rgba(10, 12, 22, .88);--color-accent: hsl(253, 14%, 60%);--color-accent-light:#2e1065;--color-accent-mid: #8b5cf6;--color-anjana: #34d399;--color-anjana-light:#064e3b;--color-pycanon: #a78bfa;--color-pycanon-light:#2e1065;--color-trasgodp: #fbbf24;--color-trasgodp-light:#451a03;--color-cta-bg: var(--color-bg);--color-cta-text: var(--color-text);--color-cta-border: rgba(255,255,255,.18);--color-cta-ghost: rgba(255,255,255,.85);--shadow-md: 0 8px 32px rgba(167,139,250,.12), 0 2px 8px rgba(0,0,0,.4)}[data-theme=dark] html,[data-theme=dark]{background:linear-gradient(180deg,#0a0c16,#00102b,#0a0c16)}body{font-family:var(--font-sans);background:transparent;color:var(--color-text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.25;font-weight:500;letter-spacing:-.02em}.container{max-width:var(--max-w);margin-inline:auto;padding-inline:1.5rem}.section{padding-block:var(--section-py)}.section--subtle{background:var(--color-bg-subtle)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s,transform .15s;border:1px solid transparent;white-space:nowrap}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-accent);color:#fff}.btn--ghost{background:#fff6;color:var(--color-text);border-color:var(--color-border-strong);backdrop-filter:blur(6px)}.btn--accent{background:var(--color-accent);color:#fff}.theme-toggle{min-width:3rem;padding:0 .9rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:500;border:1px solid transparent}.badge--anjana{background:var(--color-anjana-light);color:var(--color-anjana)}.badge--pycanon{background:var(--color-pycanon-light);color:var(--color-pycanon)}.badge--trasgodp{background:var(--color-trasgodp-light);color:var(--color-trasgodp)}.badge--neutral{background:var(--color-bg-muted);color:var(--color-text-muted)}.divider{border:none;border-top:1px solid var(--color-border)}.label{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:.5rem}.tool-page{display:grid;gap:2rem}.tool-hero{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.tool-logo{width:96px;height:96px;object-fit:contain;border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:.8rem;background:var(--color-bg-subtle)}.tool-title{font-size:clamp(2rem,3.5vw,3rem);margin:.35rem 0 0}.tool-summary{max-width:45rem;color:var(--color-text-muted);margin-top:.75rem}.tool-meta-grid{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}.tool-card,.tool-links-card,.tool-example,.tool-iframe-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tool-card ul{margin:.75rem 0 0;padding-left:1.25rem;list-style-position:outside}.tool-card ul li{margin-bottom:.5rem}.tool-links-card .tool-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tool-note{margin-top:.75rem;color:var(--color-text-muted);font-size:.95rem}.tool-example pre{margin-top:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;backdrop-filter:blur(6px)}.tool-example pre{background:#ffffffa6}[data-theme=dark] .tool-example pre{background:#101130bf}.tool-example code{font-family:var(--font-mono);font-size:.95rem;line-height:1.6}.tool-example a,.tool-examples a{color:var(--color-accent);text-decoration:underline}.tool-example a:hover,.tool-examples a:hover{color:var(--color-accent-mid)}.tool-embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.tool-iframe-card iframe{width:100%;min-height:320px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-examples{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (max-width: 840px){.tool-meta-grid,.tool-embed-grid{grid-template-columns:1fr}}@media (max-width: 640px){.tool-hero{align-items:flex-start}.tool-logo{width:84px;height:84px}.tool-example pre{font-size:.8rem}.tool-example pre code{white-space:pre-wrap;word-break:break-word}.tool-card iframe{height:300px}}.logo-light{display:none}.logo-dark,[data-theme=light] .logo-light{display:block}[data-theme=light] .logo-dark{display:none}.nav-wrapper[data-astro-cid-5hce7sga]{position:sticky;top:0;z-index:100;background:var(--color-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav[data-astro-cid-5hce7sga]{display:flex;align-items:center;gap:2rem;height:60px}.nav__logo[data-astro-cid-5hce7sga]{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.95rem;flex-shrink:0}.nav__logo-icon[data-astro-cid-5hce7sga]{font-size:1.1rem;color:var(--color-accent)}.nav__links[data-astro-cid-5hce7sga]{display:flex;list-style:none;gap:1.75rem;margin-inline-start:auto}.nav__links[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga],.nav__dropdown-toggle[data-astro-cid-5hce7sga]{font-size:.875rem;color:var(--color-text-muted);transition:color .15s;text-decoration:none;background:transparent;border:none;font:inherit;cursor:pointer;padding:0}.nav__links[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover,.nav__dropdown-toggle[data-astro-cid-5hce7sga]:hover{color:var(--color-text)}.nav__item--dropdown[data-astro-cid-5hce7sga]{position:relative}.nav__dropdown[data-astro-cid-5hce7sga]{position:absolute;top:calc(100% + .75rem);left:0;display:none;flex-direction:column;gap:.35rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.65rem .75rem;box-shadow:var(--shadow-md);min-width:180px;z-index:10}.nav__item--dropdown[data-astro-cid-5hce7sga]:hover .nav__dropdown[data-astro-cid-5hce7sga],.nav__item--dropdown[data-astro-cid-5hce7sga]:focus-within .nav__dropdown[data-astro-cid-5hce7sga],.nav__item--dropdown[data-astro-cid-5hce7sga].open .nav__dropdown[data-astro-cid-5hce7sga]{display:flex}.nav__dropdown[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{color:var(--color-text-muted);padding:.35rem .45rem;border-radius:999px}.nav__dropdown[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--color-text);background:var(--color-bg-muted)}.nav__actions[data-astro-cid-5hce7sga]{margin-inline-start:1.5rem}@media (max-width: 640px){.nav__links[data-astro-cid-5hce7sga]{display:none}}.footer-wrapper[data-astro-cid-5hce7sga]{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);padding-block-start:3rem;margin-top:4rem}.footer[data-astro-cid-5hce7sga]{display:grid;grid-template-columns:1fr auto;gap:3rem;padding-bottom:2.5rem}.footer__brand[data-astro-cid-5hce7sga]{max-width:320px;display:flex;flex-direction:column;gap:.5rem}.footer__brand-name[data-astro-cid-5hce7sga]{font-weight:500;font-size:.95rem}.footer__desc[data-astro-cid-5hce7sga]{font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.footer__desc[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{color:var(--color-accent)}.footer__cols[data-astro-cid-5hce7sga]{display:flex;gap:3rem}.footer__col-title[data-astro-cid-5hce7sga]{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin-bottom:.75rem}.footer__cols[data-astro-cid-5hce7sga] ul[data-astro-cid-5hce7sga]{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer__cols[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{font-size:.875rem;color:var(--color-text-muted);transition:color .15s}.footer__cols[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--color-text)}.footer__bottom[data-astro-cid-5hce7sga]{border-top:1px solid var(--color-border);padding-block:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--color-text-faint)}.footer__bottom[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{color:var(--color-text-faint);transition:color .15s}.footer__bottom[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--color-text)}@media (max-width: 768px){.footer[data-astro-cid-5hce7sga]{grid-template-columns:1fr}.footer__cols[data-astro-cid-5hce7sga]{flex-wrap:wrap;gap:2rem}}