@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base: 220 5% 7%;--bg-elevated: 220 5% 9%;--bg-card: 220 5% 12%;--bg-card-hover: 220 5% 15%;--bg-subtle: 220 5% 18%;--text-primary: 220 5% 95%;--text-secondary: 220 5% 70%;--text-muted: 220 5% 50%;--text-disabled: 220 5% 35%;--border-default: 220 5% 20%;--border-subtle: 220 5% 15%;--border-hover: 220 5% 28%;--primary: 210 85% 35%;--primary-hover: 210 85% 42%;--primary-muted: 210 50% 20%;--primary-subtle: 210 40% 15%;--success: 160 84% 39%;--success-text: 160 70% 55%;--warning: 38 92% 50%;--warning-text: 38 80% 60%;--error: 0 84% 60%;--error-text: 0 70% 65%;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--nav-height: 68px;--page-max: 1240px;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));line-height:1.5;min-height:100vh;background-image:radial-gradient(900px circle at 50% -8%,hsla(210,85%,35%,.16),transparent 60%),radial-gradient(700px circle at 100% 0%,hsla(210,85%,45%,.06),transparent 55%);background-attachment:fixed;background-repeat:no-repeat}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit}img{display:block;max-width:100%}a,button,input,textarea,select,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid hsl(210 85% 60% / .75);outline-offset:2px}::selection{background:#1173d459;color:#fafafa}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#131415}::-webkit-scrollbar-thumb{background:#303236;border-radius:8px;border:2px solid hsl(220,5%,8%)}::-webkit-scrollbar-thumb:hover{background:#44464b}*{scrollbar-width:thin;scrollbar-color:hsl(220,5%,20%) hsl(220,5%,8%)}.container{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 24px}.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.gradient-text{background:linear-gradient(100deg,#fafafa 10%,#4c9ef0 55%,#fafafa 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.grid-texture{background-image:linear-gradient(hsla(220,5%,100%,.025) 1px,transparent 1px),linear-gradient(90deg,hsla(220,5%,100%,.025) 1px,transparent 1px);background-size:44px 44px}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glowPulse{0%,to{opacity:.55}50%{opacity:.9}}.page-enter{animation:pageEnter .32s ease both}.fade-in{animation:fadeIn .4s ease both}.scale-in{animation:scaleIn .28s ease both}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.001ms!important;animation-iteration-count:1!important}}.skeleton{background:#222325;background-image:linear-gradient(90deg,#222325,#2c2d30,#222325 80px);background-size:600px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}.rich-text{color:#afb1b6;font-size:15px;line-height:1.7}.rich-text p{margin:0 0 14px}.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4{color:#f2f2f3;margin:22px 0 10px;line-height:1.3;font-weight:700}.rich-text h1{font-size:24px}.rich-text h2{font-size:20px}.rich-text h3{font-size:17px}.rich-text ul,.rich-text ol{margin:0 0 14px;padding-left:22px}.rich-text li{margin:6px 0}.rich-text a{color:#4c9ef0;text-decoration:underline;text-underline-offset:2px}.rich-text img{border-radius:10px;margin:14px 0;border:1px solid hsl(220,5%,18%)}.rich-text strong,.rich-text b{color:#eaeaec;font-weight:600}.rich-text hr{border:none;border-top:1px solid hsl(220,5%,18%);margin:20px 0}.rich-text code{font-family:JetBrains Mono,monospace;font-size:.9em;background:#27282b;border:1px solid hsl(220,5%,20%);padding:1px 6px;border-radius:5px;color:#71b3f4}.rich-text pre{margin:0 0 16px;padding:16px 18px;background:#161718;border:1px solid hsl(220,5%,16%);border-radius:10px;overflow-x:auto;font-size:13px;line-height:1.6}.rich-text pre code{background:none;border:none;padding:0;border-radius:0;color:#cfd0d3;font-size:13px}.rich-text table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px;display:block;overflow-x:auto}.rich-text th,.rich-text td{border:1px solid hsl(220,5%,18%);padding:9px 12px;text-align:left}.rich-text th{background:#1f2123;color:#dfe0e2;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.04em}.rich-text td{color:#afb1b6}.rich-text tr:nth-child(2n) td{background:#191a1c}.rich-text blockquote{margin:0 0 16px;padding:10px 16px;border-left:3px solid hsl(210,85%,45%);background:#0f66bd12;border-radius:0 8px 8px 0;color:#b4b6bb}.rich-text blockquote p:last-child{margin-bottom:0}.rich-text h2{border-top:1px solid hsl(220,5%,14%);padding-top:20px}.rich-text>:first-child{margin-top:0}.rich-text>h1:first-child,.rich-text>h2:first-child{border-top:none;padding-top:0}