@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root,[data-theme=dark]{--bg:#000;--bg-elevated:#0a0a0a;--surface:#111;--surface-2:#1a1a1a;--surface-3:#222;--surface-4:#2a2a2a;--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#6e6e73;--text-4:#48484a;--accent:#e31937;--accent-light:#f35;--accent-dim:#e319371f;--accent-glow:#e3193740;--border:#ffffff0f;--border-hover:#ffffff1f;--border-active:#ffffff2e;--glass:#ffffff08;--glass-hover:#ffffff0f;--glass-border:#ffffff14;--gradient-hero:linear-gradient(135deg, #000 0%, #0a0008 40%, #12001a 70%, #000 100%);--gradient-card:linear-gradient(180deg, #ffffff0a 0%, #fff0 100%);--gradient-accent:linear-gradient(135deg, #e31937, #f46);--gradient-text:linear-gradient(135deg, #f5f5f7 0%, #a1a1a6 100%);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 12px 48px #0009;--shadow-xl:0 24px 80px #000000b3;--shadow-glow:0 0 60px #e3193726;--shadow-card:0 1px 0 #ffffff0a inset, 0 0 0 1px #ffffff0a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fff;--bg-elevated:#f5f5f7;--surface:#fff;--surface-2:#f5f5f7;--surface-3:#ebebed;--surface-4:#d2d2d7;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--text-4:#aeaeb2;--accent:#c41028;--accent-light:#e31937;--accent-dim:#c4102814;--accent-glow:#c4102826;--border:#0000000f;--border-hover:#0000001f;--border-active:#0000002e;--glass:#00000005;--glass-hover:#0000000a;--glass-border:#0000000f;--gradient-hero:linear-gradient(180deg, #f5f5f7 0%, #fff 100%);--gradient-card:linear-gradient(180deg, #00000005 0%, #0000 100%);--gradient-accent:linear-gradient(135deg, #c41028, #e31937);--gradient-text:linear-gradient(135deg, #1d1d1f 0%, #6e6e73 100%);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 24px #0000000f;--shadow-lg:0 12px 48px #00000014;--shadow-xl:0 24px 80px #0000001a;--shadow-glow:0 0 60px #c4102814;--shadow-card:0 1px 0 #00000008 inset, 0 0 0 1px #0000000a;--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}.blog-body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100dvh;line-height:1.5;position:relative}.blog-body:before{content:"";opacity:.015;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.blog-header{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);background:#000000b8;transition:background .3s;position:sticky;top:0}[data-theme=light] .blog-header{background:#ffffffb8}.blog-btn-primary{background:var(--accent);color:#fff;height:40px;font-family:var(--font);letter-spacing:-.01em;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 24px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-btn-primary:hover{background:var(--accent-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.blog-btn-primary:active{transform:scale(.98)}.blog-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.blog-btn-secondary{height:40px;color:var(--text);font-family:var(--font);letter-spacing:-.01em;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 24px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-btn-secondary:hover{background:var(--glass-hover);border-color:var(--border-hover)}.blog-btn-ghost{height:36px;color:var(--text-2);font-family:var(--font);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-btn-ghost:hover{color:var(--text);background:var(--glass-hover)}.blog-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:48px;color:var(--text);font-family:var(--font);outline:none;padding:0 16px;font-size:15px;font-weight:400;transition:all .2s}.blog-input::placeholder{color:var(--text-4)}.blog-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.blog-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--font);resize:none;outline:none;padding:14px 16px;font-size:15px;font-weight:400;line-height:1.6;transition:all .2s}.blog-textarea::placeholder{color:var(--text-4)}.blog-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-card:after{content:"";border-radius:inherit;background:var(--gradient-card);pointer-events:none;position:absolute;inset:0}.blog-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-tag{border-radius:var(--radius-full);font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);border:1px solid #0000;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;line-height:1.4;transition:all .2s;display:inline-flex}.blog-tag:hover{background:var(--accent-glow);border-color:#e3193733}.blog-skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 40%, var(--surface) 80%);border-radius:var(--radius-sm);background-size:300% 100%;animation:1.8s ease-in-out infinite blog-shimmer}@keyframes blog-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.blog-prose{color:var(--text-2);letter-spacing:-.011em;font-size:17px;line-height:1.8}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--text);letter-spacing:-.025em;margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.blog-prose h1{font-size:2.5rem}.blog-prose h2{font-size:1.75rem}.blog-prose h3{font-size:1.375rem}.blog-prose p{margin-bottom:1.5rem}.blog-prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s}.blog-prose a:hover{color:var(--accent-light)}.blog-prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem;font-size:14px;line-height:1.7;overflow-x:auto}.blog-prose code{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.875em}.blog-prose blockquote{border-left:2px solid var(--accent);color:var(--text-3);margin:1.5rem 0;padding-left:1.25rem;font-style:italic}.blog-prose ul,.blog-prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-prose li{margin-bottom:.5rem}.blog-prose img{border-radius:var(--radius-md);margin:2rem 0}.blog-line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.blog-text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-body ::-webkit-scrollbar{width:6px}.blog-body ::-webkit-scrollbar-track{background:0 0}.blog-body ::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.blog-body ::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.blog-body ::selection{background:var(--accent-dim);color:var(--text)}.blog-body :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (max-width:768px){.blog-prose{font-size:1rem}.blog-prose h1{font-size:1.75rem}.blog-prose h2{font-size:1.375rem}.blog-prose h3{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.blog-body *,.blog-body :before,.blog-body :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.blog-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px}.blog-glow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%}