*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#060c18;--bg-surface:#0d1526;--bg-card:#111d30;--bg-card-2:#0f1a2a;--accent:#00d4ff;--accent-dim:#09b;--accent-glow:#00d4ff44;--accent-2:#7c3aed;--text-1:#f0f4ff;--text-2:#8fa3bf;--text-3:#4a6282;--border:#1c2e45;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font-head:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"Courier New", monospace}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-1);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}body:before{content:"";z-index:0;pointer-events:none;opacity:.4;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='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}section{padding:96px 0}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--accent);width:20px;height:2px;box-shadow:0 0 8px var(--accent);display:block}.section-title{font-family:var(--font-head);margin-bottom:12px;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.2}.section-sub{color:var(--text-2);max-width:520px;margin-bottom:52px;font-size:16px}.accent-text{background:linear-gradient(90deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff14,#0000);transition:opacity .25s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--accent);color:var(--bg-base);box-shadow:0 0 20px var(--accent-glow), 0 2px 8px #0006}.btn-primary:hover{box-shadow:0 0 35px var(--accent-glow), 0 0 60px #00d4ff26, 0 2px 12px #00000080;background:#3df;transform:translateY(-2px)}.btn-outline{color:var(--text-1);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.tag{letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.tag-cyan{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff33}.tag-purple{color:#a78bfa;background:#7c3aed1f;border:1px solid #7c3aed40}.tag-green{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.tag-orange{color:#fb923c;background:#fb923c1a;border:1px solid #fb923c33}.term-output{font-family:var(--font-mono);color:var(--text-3);padding-left:20px;font-size:13px;line-height:1.8}.term-line{font-family:var(--font-mono);gap:10px;font-size:13px;display:flex}.term-prompt{color:var(--accent)}.term-cmd{color:var(--text-1)}.term-green{color:#34d399}.term-purple{color:#a78bfa}.term-cursor{background:var(--accent);vertical-align:middle;width:8px;height:14px;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green-dot{background:#28c840}nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#060c18a6;border-bottom:1px solid #1c2e4580;padding:20px 0;transition:padding .3s;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-head);color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-2);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-cta{padding:9px 22px;font-size:14px}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--text-2);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}#hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}#hero:before{content:"";background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 0%,#0000 100%)}#hero:after{content:"";pointer-events:none;background:radial-gradient(#00d4ff12 0%,#7c3aed0d 40%,#0000 70%);width:900px;height:600px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-badge{color:var(--accent);background:#00d4ff0f;border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px 6px 8px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-name{font-family:var(--font-head);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(48px,7vw,80px);font-weight:800;line-height:1}.hero-title{font-family:var(--font-head);color:var(--text-2);margin-bottom:20px;font-size:clamp(16px,2vw,20px);font-weight:600}.hero-desc{color:var(--text-2);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:52px;display:flex}.hero-stats{gap:40px;display:flex}.hero-stat-num{font-family:var(--font-head);color:var(--text-1);font-size:26px;font-weight:800}.hero-stat-num span{color:var(--accent)}.hero-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:500}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:5s ease-in-out infinite float;overflow:hidden;box-shadow:0 0 60px #00d4ff14,0 30px 80px #0006}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-card-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:14px 16px;display:flex}.hero-card-title{color:var(--text-3);font-size:12px;font-family:var(--font-mono);margin-left:8px}.hero-card-body{font-family:var(--font-mono);padding:20px;font-size:13px;line-height:1.8}#featured{background:var(--bg-surface)}.featured-grid{grid-template-columns:1fr 1fr;align-items:center;gap:52px;display:grid}.featured-img-wrap{border-radius:var(--radius-lg);position:relative;overflow:hidden}.featured-img-wrap:after{content:"";border-radius:var(--radius-lg);pointer-events:none;z-index:2;border:1px solid #00d4ff33;position:absolute;inset:-1px}.featured-img-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#0d1526 0%,#111d30 50%,#0a1628 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.featured-img-placeholder:before{content:"";background:radial-gradient(circle,#00d4ff1f 0%,#0000 70%);position:absolute;inset:20%}.featured-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1;width:90%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.ft-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 14px;display:flex}.ft-title{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-left:8px}.ft-body{padding:16px}.featured-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.featured-title{font-family:var(--font-head);margin-bottom:16px;font-size:clamp(24px,3vw,32px);font-weight:800}.featured-desc{color:var(--text-2);margin-bottom:28px;font-size:16px;line-height:1.75}.featured-meta{flex-wrap:wrap;gap:24px;margin-bottom:32px;display:flex}.featured-meta-item{flex-direction:column;gap:2px;display:flex}.featured-meta-key{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.featured-meta-val{color:var(--text-1);font-size:14px;font-weight:500}.featured-cta{flex-wrap:wrap;gap:14px;display:flex}.experiments-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.exp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;padding:28px 24px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.exp-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.exp-card:hover:before{opacity:1}.exp-card:hover{border-color:#00d4ff40;transform:translateY(-6px);box-shadow:0 0 40px #00d4ff12,0 20px 60px #0000004d}.exp-icon{background:#00d4ff14;border:1px solid #00d4ff26;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;font-size:22px;display:flex}.exp-card-title{font-family:var(--font-head);margin-bottom:10px;font-size:17px;font-weight:700}.exp-card-desc{color:var(--text-2);margin-bottom:20px;font-size:14px;line-height:1.65}.exp-card-footer{justify-content:space-between;align-items:center;display:flex}.exp-status{color:var(--text-3);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.exp-status-dot{border-radius:50%;width:7px;height:7px}.status-live{background:#34d399;box-shadow:0 0 8px #34d39999}.status-dev{background:#fb923c;box-shadow:0 0 8px #fb923c99}.status-idea{background:var(--text-3)}.exp-link{color:var(--accent);opacity:0;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.exp-card:hover .exp-link{opacity:1}.exp-link:after{content:"→"}#writing{background:var(--bg-surface)}.writing-grid{grid-template-columns:1fr 340px;gap:48px;display:grid}.blog-cards{flex-direction:column;gap:24px;display:flex}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr auto;transition:transform .3s,box-shadow .3s,border-color .3s;display:grid;overflow:hidden}.blog-card:hover{box-shadow:-4px 0 0 0 var(--accent), 0 10px 40px #00000040;border-color:#00d4ff40;transform:translate(6px)}.blog-card-body{padding:24px}.blog-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.blog-card-title{font-family:var(--font-head);margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.3;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-excerpt{color:var(--text-2);margin-bottom:18px;font-size:14px;line-height:1.65}.blog-card-meta{color:var(--text-3);align-items:center;gap:16px;font-size:12px;display:flex}.blog-card-meta-sep{opacity:.3}.blog-card-arrow{background:var(--bg-card-2);border-left:1px solid var(--border);width:56px;color:var(--text-3);justify-content:center;align-items:center;font-size:18px;transition:color .2s,background .2s;display:flex}.blog-card:hover .blog-card-arrow{color:var(--accent);background:#00d4ff0d}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden}.sidebar-widget-head{background:var(--bg-card-2);border-bottom:1px solid var(--border);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);padding:16px 20px;font-size:13px;font-weight:700}.sidebar-post-list{list-style:none}.sidebar-post{border-bottom:1px solid var(--border);padding:16px 20px;transition:background .2s}.sidebar-post:last-child{border-bottom:none}.sidebar-post:hover{background:#00d4ff08}.sidebar-post-title{color:var(--text-1);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4;transition:color .2s}.sidebar-post:hover .sidebar-post-title{color:var(--accent)}.sidebar-post-date{color:var(--text-3);font-size:11px}.stack-list{padding:16px 20px}.stack-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.stack-item:last-child{border-bottom:none}.stack-item-name{color:var(--text-1);align-items:center;gap:10px;font-weight:500;display:flex}.stack-item-icon{font-size:16px}.stack-bar-wrap{background:var(--border);border-radius:2px;width:80px;height:4px;overflow:hidden}.stack-bar{background:var(--accent);border-radius:2px;height:100%}#newsletter{background:linear-gradient(135deg,#0a1628 0%,#0d1a30 100%);position:relative;overflow:hidden}#newsletter:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4ff0d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;left:-10%}#newsletter:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;right:-5%}.newsletter-inner{text-align:center;z-index:1;max-width:560px;margin:0 auto;position:relative}.newsletter-icon{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:28px;display:flex;box-shadow:0 0 30px #00d4ff1f}.newsletter-title{font-family:var(--font-head);margin-bottom:14px;font-size:clamp(26px,4vw,36px);font-weight:800}.newsletter-sub{color:var(--text-2);margin-bottom:36px;font-size:16px;line-height:1.6}.newsletter-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);gap:10px;padding:6px 6px 6px 18px;transition:border-color .3s,box-shadow .3s;display:flex}.newsletter-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.newsletter-input{font-family:var(--font-body);color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:15px}.newsletter-input::placeholder{color:var(--text-3)}.newsletter-btn{white-space:nowrap;padding:11px 24px;font-size:14px}.newsletter-note{color:var(--text-3);margin-top:14px;font-size:12px}footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:56px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px;display:grid}.footer-logo{font-family:var(--font-head);color:var(--text-1);margin-bottom:12px;font-size:22px;font-weight:800}.footer-logo span{color:var(--accent)}.footer-brand-desc{color:var(--text-3);max-width:260px;font-size:14px;line-height:1.7}.footer-social{gap:10px;margin-top:20px;display:flex}.social-btn{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:15px;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.social-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.footer-col-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);margin-bottom:18px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-3);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;padding-top:28px;font-size:13px;display:flex}.footer-bottom-right{gap:24px;display:flex}.footer-bottom-right a{color:var(--text-3);transition:color .2s}.footer-bottom-right a:hover{color:var(--accent)}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.featured-grid{grid-template-columns:1fr}.experiments-grid{grid-template-columns:1fr 1fr}.writing-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.writing-sidebar{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sidebar-widget{margin-bottom:0}}@media (width<=600px){section{padding:72px 0}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.nav-links.nav-open{border-bottom:1px solid var(--border);z-index:99;background:#060c18f7;flex-direction:column;gap:20px;padding:24px;display:flex;position:absolute;top:72px;left:0;right:0}.experiments-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.blog-card{grid-template-columns:1fr}.blog-card-arrow{display:none}.newsletter-form{flex-direction:column;padding:12px}.newsletter-btn{justify-content:center;width:100%}.hero-stats{gap:24px}.writing-sidebar{flex-direction:column;display:flex}}