@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root,[data-theme=dark]{--bg:#050505;--bg2:#090909;--surface:#0c0c0c;--surface2:#111;--surface3:#181818;--surface4:#1f1f1f;--border:#ffffff0f;--border-hover:#ffffff1f;--border-active:#ffffff2e;--text:#fafafa;--text2:#a3a3a3;--text3:#6b6b6b;--accent:#b41e3c;--accent2:#d4254a;--accent3:#e84a5f;--accent-dim:#7a1228;--accent-glow:#b41e3c26;--accent-glass:#b41e3c14;--gradient-accent:linear-gradient(135deg, var(--accent), var(--accent3));--gradient-hero:linear-gradient(135deg, var(--accent), #b41e6c, #7a1248);--gradient-glass:linear-gradient(180deg, #ffffff08 0%, #ffffff03 100%);--gradient-noise:repeating-linear-gradient(0deg, transparent, transparent 2px, #ffffff01 2px, #ffffff01 4px);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #b41e3c26;--font-display:"Clash Display", "Georgia", serif;--font-body:"Satoshi", "Helvetica Neue", sans-serif;--font-cond:"Barlow Condensed", "Arial Narrow", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-ui:"Inter", "Satoshi", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f7f5f2;--bg2:#f0ede8;--surface:#fff;--surface2:#faf8f5;--surface3:#f0ede8;--surface4:#e5e0d8;--border:#00000014;--border-hover:#00000024;--border-active:#0003;--text:#161412;--text2:#5a5550;--text3:#8a8580;--accent:#a01830;--accent2:#c41e3a;--accent3:#d84a5f;--accent-dim:#7a0f22;--accent-glow:#a018301a;--accent-glass:#a018300f;--gradient-accent:linear-gradient(135deg, var(--accent), var(--accent3));--gradient-hero:linear-gradient(135deg, var(--accent), #a01850, #7a0f32);--gradient-glass:linear-gradient(180deg, #fffc 0%, #ffffff80 100%);--gradient-noise:repeating-linear-gradient(0deg, transparent, transparent 2px, #00000001 2px, #00000001 4px);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 24px #a018301a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);background:var(--bg);color:var(--text);background-image:var(--gradient-noise);min-height:100dvh;line-height:1.65;transition:background .3s,color .3s}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:all .3s}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.glow-border{position:relative}.glow-border:before{content:"";border-radius:inherit;background:var(--gradient-accent);opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:-1px}.glow-border:hover:before{opacity:.4}.btn-primary{background:var(--accent);font-family:var(--font-cond);letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;color:#fff!important}.btn-primary:hover{background:var(--accent2);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-secondary{font-family:var(--font-cond);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:0 0;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--text2)!important}.btn-secondary:hover{border-color:var(--border-hover);background:var(--surface2);color:var(--text)!important}.tag-pill{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-glass);color:var(--accent2);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.tag-pill:hover{background:var(--accent-glow);border-color:#b41e3c33}.skeleton{background:linear-gradient(90deg, var(--surface3) 25%, var(--surface4) 50%, var(--surface3) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface4);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}::selection{background:var(--accent-glow);color:var(--text)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.prose-custom{color:var(--text2);font-size:1.125rem;line-height:1.85}.prose-custom h1,.prose-custom h2,.prose-custom h3,.prose-custom h4{font-family:var(--font-display);color:var(--text);margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.prose-custom h1{font-size:2.25rem}.prose-custom h2{font-size:1.75rem}.prose-custom h3{font-size:1.375rem}.prose-custom p{margin-bottom:1.5rem}.prose-custom a{color:var(--accent2);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.prose-custom a:hover{color:var(--accent)}.prose-custom pre{background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.prose-custom code{font-family:var(--font-mono);font-size:.875rem}.prose-custom blockquote{border-left:3px solid var(--accent);color:var(--text3);margin:1.5rem 0;padding-left:1.25rem;font-style:italic}.prose-custom ul,.prose-custom ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose-custom li{margin-bottom:.5rem}.prose-custom img{border-radius:12px;margin:2rem 0}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root,[data-theme=light]{--cream:var(--text);--cream2:var(--text2);--cream3:var(--text3);--crimson:var(--accent);--crimson2:var(--accent2);--crimson3:var(--accent-dim);--black2:var(--surface2);--black3:var(--surface3);--black4:var(--surface4);--black5:var(--surface4);--surface-card:var(--surface);--surface-section:var(--surface);--surface-nav:var(--bg);--border-card:var(--border);--border-subtle:var(--border)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:768px){.prose-custom{font-size:1rem}.prose-custom h1{font-size:1.75rem}.prose-custom h2{font-size:1.375rem}.prose-custom h3{font-size:1.125rem}}
