@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #111111;--color-bg-secondary: #161616;--color-bg-elevated: #1c1c1c;--color-bg-deep: #000000;--color-text: #e9e9f1;--color-text-secondary: #c7c6d3;--color-text-muted: #a1a1af;--color-text-disabled: #8b8a91;--color-border: #303033;--color-border-subtle: #222225;--color-stroke: #4b4b51;--color-accent: #d9436b;--color-accent-hover: #ec6589;--color-accent-muted: rgba(217, 67, 107, .15);--color-accent-glow: rgba(217, 67, 107, .35);--color-secondary: #cec4ef;--color-secondary-muted: rgba(206, 196, 239, .2);--color-accent-text: #b3ecf2;--gradient-one: #b3ecf2;--gradient-two: #f277a4;--gradient-three: #8c0327;--gradient-accent: linear-gradient(135deg, #b3ecf2 0%, #f277a4 50%, #8c0327 100%);--gradient-text: linear-gradient(135deg, #b3ecf2 0%, #f277a4 100%);--gradient-card: linear-gradient(135deg, rgba(179, 236, 242, .06) 0%, rgba(242, 119, 164, .06) 100%);--gradient-subtle: linear-gradient(135deg, rgba(179, 236, 242, .4) 0%, rgba(242, 119, 164, .4) 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-default: "Syne", system-ui, sans-serif;--font-accent: "Syne", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--max-width-prose: 65ch;--max-width-content: 1200px;--radius-s: 1rem;--radius-m: 1.5rem;--radius-l: 2.2rem;--radius-xl: 3rem;--radius-pill: 999px;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 30px -8px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--color-accent-glow);--transition-fast: .15s cubic-bezier(.23, .65, .74, 1.09);--transition-base: .3s cubic-bezier(.23, .65, .74, 1.09);--transition-slow: .6s cubic-bezier(.23, .65, .74, 1.09);--surface-glass: rgba(17, 17, 17, .6);--surface-glass-hover: rgba(17, 17, 17, .8);--surface-glass-border: rgba(255, 255, 255, .08);--surface-soft: rgba(255, 255, 255, .04);--surface-soft-strong: rgba(255, 255, 255, .08);--surface-card: rgba(22, 22, 22, .5);--surface-card-border: rgba(255, 255, 255, .08);--surface-divider: rgba(255, 255, 255, .08);--text-on-gradient: #111111}[data-theme=light]{--color-bg: #eef1f7;--color-bg-secondary: #ffffff;--color-bg-elevated: #f8f9fd;--color-bg-deep: #ffffff;--color-text: #22232c;--color-text-secondary: #424550;--color-text-muted: #666a79;--color-text-disabled: #717586;--color-border: #d1d5e0;--color-border-subtle: #e5e8ef;--color-stroke: #a8b0c1;--color-accent: #30a8f2;--color-accent-hover: #1f8fd9;--color-accent-muted: rgba(48, 168, 242, .12);--color-accent-glow: rgba(48, 168, 242, .25);--color-secondary: #5c73f2;--color-secondary-muted: rgba(92, 115, 242, .15);--color-accent-text: #1f8fd9;--gradient-one: #1bcbf2;--gradient-two: #5c73f2;--gradient-three: #30a8f2;--gradient-accent: linear-gradient(135deg, #1bcbf2 0%, #5c73f2 50%, #30a8f2 100%);--gradient-text: linear-gradient(135deg, #1bcbf2 0%, #5c73f2 100%);--gradient-card: linear-gradient(135deg, rgba(27, 203, 242, .06) 0%, rgba(92, 115, 242, .06) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 30px -8px rgba(0, 0, 0, .15);--surface-glass: rgba(255, 255, 255, .78);--surface-glass-hover: rgba(255, 255, 255, .92);--surface-glass-border: rgba(17, 17, 17, .08);--surface-soft: rgba(17, 17, 17, .04);--surface-soft-strong: rgba(17, 17, 17, .07);--surface-card: rgba(255, 255, 255, .7);--surface-card-border: rgba(17, 17, 17, .08);--surface-divider: rgba(17, 17, 17, .08);--text-on-gradient: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-default);letter-spacing:-.02em}a{color:var(--color-accent-text);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto;display:block}ul,ol{list-style-position:inside}code{font-family:ui-monospace,JetBrains Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.9em;background-color:var(--color-bg-secondary);padding:.125rem .375rem;border-radius:var(--border-radius-sm)}pre{background-color:var(--color-bg-secondary);padding:var(--space-md);border-radius:var(--border-radius-md);overflow-x:auto;border:1px solid var(--color-border)}pre code{background-color:transparent;padding:0}.gradient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.gradient-bg .blur{position:absolute;width:40vmin;height:40vmin;border-radius:50%;filter:blur(80px);opacity:.45;will-change:transform}.gradient-bg .blur:nth-child(1){background:var(--gradient-one);top:-10%;left:-10%}.gradient-bg .blur:nth-child(2){background:var(--gradient-two);top:30%;right:-10%}.gradient-bg .blur:nth-child(3){background:var(--gradient-three);bottom:-10%;left:30%;opacity:.35}[data-theme=light] .gradient-bg .blur{opacity:.25}.container{max-width:var(--max-width-content);margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.prose{max-width:var(--max-width-prose)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}