@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--bg: #050505;--bg-alt: #0a0a0a;--bg-card: #0d0d0d;--bg-hover: #111;--border: #1a1a1a;--border-accent: rgba(0,255,65,.2);--text: #a8a8a8;--text-heading: #efefef;--text-muted: #444;--text-dim: #2a2a2a;--accent: #00ff41;--accent-dim: #00cc33;--accent-glow: rgba(0,255,65,.12);--accent-glow-strong: rgba(0,255,65,.25);--accent-secondary: #ff0055;--font-display: "Bebas Neue", "Impact", sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", monospace;--radius: 6px;--radius-sm: 4px;--max-width: 760px;--header-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.028;pointer-events:none;z-index:9999;mix-blend-mode:overlay}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9998}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}::selection{background:var(--accent);color:var(--bg)}header{position:sticky;top:0;z-index:100;background:#050505e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}header .inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:var(--header-height);display:grid;grid-template-columns:1fr auto;align-items:center}.logo,.header-hero-text{grid-area:1 / 1 / 2 / 2}.logo{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-heading);letter-spacing:.05em;transition:opacity .3s ease}.logo span{color:var(--accent)}.header-hero-text{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;letter-spacing:.1em;text-transform:uppercase}header.scrolled .header-hero-text{opacity:1}header.scrolled .logo{opacity:0;pointer-events:none}nav{display:flex;gap:20px}nav a{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;position:relative;transition:color .15s ease}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}nav a:hover:after{width:100%}nav a:hover{color:var(--text-heading)}main{max-width:var(--max-width);margin:0 auto;padding:48px 24px;min-height:calc(100vh - var(--header-height) - 80px)}footer{border-top:1px solid var(--border);padding:24px;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}footer .inner{max-width:var(--max-width);margin:0 auto}footer a{color:var(--text-muted)}footer a:hover{color:var(--accent)}.hero{padding:80px 0 64px;position:relative}.hero-eyebrow{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.25em;margin-bottom:16px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(12px);animation:fadeUp .5s ease .1s forwards}.hero-eyebrow:before{content:"";display:block;width:32px;height:1px;background:var(--accent)}.hero h1{font-family:var(--font-display);font-size:clamp(5rem,14vw,9rem);font-weight:400;color:var(--text-heading);line-height:.9;letter-spacing:.02em;margin-bottom:8px;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease .2s forwards}.hero h1 .highlight{color:var(--accent);position:relative;display:inline-block}.hero h1 .highlight:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;background:var(--accent);opacity:.4}.hero-desc{font-size:1rem;color:var(--text-muted);max-width:440px;margin-top:28px;line-height:1.6;opacity:0;transform:translateY(12px);animation:fadeUp .5s ease .45s forwards}.section-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3em;margin-bottom:24px;display:flex;align-items:center;gap:16px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.post-list{display:flex;flex-direction:column}.post-card{display:block;padding:24px 0;border-bottom:1px solid var(--border);position:relative;transition:padding-left .25s ease;opacity:0;transform:translateY(16px)}.post-card.visible{animation:fadeUp .5s ease forwards}.post-card:before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .25s ease;transform-origin:top}.post-card:hover:before{transform:scaleY(1)}.post-card:hover{padding-left:16px}.post-card .post-meta{display:flex;align-items:center;gap:16px;margin-bottom:8px}.post-card .date{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.post-card .post-index{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.05em}.post-card h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;color:var(--text-heading);line-height:1.1;letter-spacing:.03em;margin-bottom:8px;transition:color .15s ease}.post-card:hover h2{color:var(--accent)}.post-card p{font-size:.875rem;color:var(--text-muted);line-height:1.55;max-width:540px}.post-card .read-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;transition:color .15s ease,gap .2s ease}.post-card:hover .read-more{color:var(--accent);gap:10px}.post-card .read-more:after{content:"→"}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-header .date{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px}.post-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--text-heading);line-height:1;letter-spacing:.03em;margin-bottom:16px}.post-header .description{font-size:1.05rem;color:var(--text-muted);line-height:1.6;max-width:520px}.content{font-size:1.0125rem;line-height:1.85}.content h2{font-family:var(--font-display);font-size:1.8rem;font-weight:400;color:var(--text-heading);letter-spacing:.05em;margin-top:56px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.content h3{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--text-heading);letter-spacing:.05em;margin-top:36px;margin-bottom:12px}.content p{margin-bottom:20px}.content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.content strong{color:var(--text-heading);font-weight:500}.content ul,.content ol{margin-bottom:20px;padding-left:24px}.content li{margin-bottom:8px}.content blockquote{border-left:2px solid var(--accent);padding:12px 20px;margin:28px 0;background:#00ff4106;color:var(--text-heading);font-style:italic}.content code{font-family:var(--font-mono);font-size:.82em;background:#111;padding:2px 7px;border-radius:3px;color:var(--accent);border:1px solid var(--border)}.content pre{background:#080808;border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;margin:24px 0;overflow-x:auto;position:relative}.content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent) 0%,transparent 60%);opacity:.5}.content pre code{background:none;padding:0;font-size:.82rem;color:#ccc;border:none}.content img{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);margin:28px 0}.content hr{border:none;border-top:1px solid var(--border);margin:48px 0}.about-section{max-width:600px}.about-section h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:400;color:var(--text-heading);letter-spacing:.05em;line-height:1;margin-bottom:32px}.about-section p{margin-bottom:16px;font-size:1rem}@media(max-width:600px){main{padding:32px 16px}.hero{padding:48px 0 40px}.hero h1{font-size:4.5rem}.post-card:before{display:none}.post-card:hover{padding-left:0}header .inner{padding:0 16px}nav{gap:14px}.post-header h1{font-size:2.5rem}}