@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-cream: #FAF7F2;--color-cream-dark: #F0ECE3;--color-charcoal: #1a1a2e;--color-charcoal-light: #2d2d44;--color-slate: #4a4a68;--color-muted: #8888a0;--color-coral: #E8654A;--color-coral-light: #FF8A6E;--color-coral-glow: rgba(232, 101, 74, .15);--color-amber: #E6A549;--color-amber-light: #FFD08A;--color-teal: #2EC4B6;--color-teal-light: #5EEADB;--color-navy: #16213e;--color-navy-deep: #0f1729;--color-success: #4ADE80;--color-success-bg: rgba(74, 222, 128, .1);--color-error: #F87171;--color-error-bg: rgba(248, 113, 113, .1);--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .1);--color-warning: #FBBF24;--color-warning-bg: rgba(251, 191, 36, .1);--font-heading: "Bricolage Grotesque", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(26, 26, 46, .06);--shadow-md: 0 4px 12px rgba(26, 26, 46, .08);--shadow-lg: 0 8px 30px rgba(26, 26, 46, .12);--shadow-glow-coral: 0 0 20px rgba(232, 101, 74, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-charcoal);background-color:var(--color-cream);line-height:1.7;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.01em}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-md);color:var(--color-slate)}a{color:var(--color-coral);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-coral-light)}:not(pre)>code{font-family:var(--font-mono);font-size:.875em;background:var(--color-cream-dark);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--color-coral);font-weight:500}::selection{background:var(--color-coral);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-cream-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes celebrate{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}pre[class*=language-],code[class*=language-]{font-family:var(--font-mono);font-size:.9rem;line-height:1.8;color:#dbe7ff;text-shadow:none}pre[class*=language-]{background:radial-gradient(circle at top right,rgba(96,165,250,.08),transparent 32%),linear-gradient(180deg,#081225,#09162b);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:1.15rem var(--space-lg) 1.25rem;overflow-x:auto;margin:0;tab-size:4}pre[class*=language-]>code[class*=language-]{display:block;min-width:max-content;background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;font-weight:500;white-space:pre}.code-block{background:linear-gradient(180deg,#0f172af5,#081225fa)}.code-block-toolbar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.code-block-copy:hover{color:#f8fafc!important;border-color:#94a3b847!important;background:#94a3b824!important}.code-block-pre::-webkit-scrollbar{height:10px}.code-block-pre::-webkit-scrollbar-track{background:#0f172a33}.code-block-pre::-webkit-scrollbar-thumb{background:#94a3b840}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6b7f99}.token.punctuation{color:#93a8c6}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#ff7da5}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#67e8d4}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#ffd38f}.token.atrule,.token.attr-value,.token.keyword{color:#9aa5ff}.token.function,.token.class-name{color:#ff9b7a}.token.regex,.token.important,.token.variable{color:#f7c35f}.line-numbers .line-numbers-rows{border-right:1px solid #1e293b}.line-numbers-rows>span:before{color:#334155}#root{min-height:100vh}