*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0a0a0a;--secondary:#141414;--accent:#00d4aa;--text:#f5f5f5;--text-muted:#888;--text-dim:#666;--border:#2a2a2a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--primary);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:720px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,4%,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:70px;max-width:1100px;margin:0 auto;padding:0 24px}.logo{font-size:1.4rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.btn-sm{padding:10px 18px;background:var(--accent);color:var(--primary)!important;border-radius:6px;font-weight:600;font-size:.85rem}.blog-post{padding-top:140px;padding-bottom:80px;background:var(--primary);min-height:100vh}.post-header{margin-bottom:64px;text-align:center}.post-meta{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.post-category{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.post-dot{color:var(--text-dim);font-size:.75rem}.post-date,.post-read-time{font-size:.9rem;color:var(--text-muted)}.post-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text);margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.post-subtitle{font-size:1.25rem;color:var(--text-muted);line-height:1.6;max-width:600px;margin:0 auto}.post-content{font-size:1.125rem;line-height:1.8}.post-content p{margin-bottom:24px;color:var(--text-muted)}.post-content h2{font-size:1.75rem;margin:56px 0 24px;line-height:1.3}.post-content h2,.post-content h3{font-weight:600;color:var(--text);letter-spacing:-.01em}.post-content h3{font-size:1.35rem;margin:40px 0 16px}.post-content ol,.post-content ul{margin-bottom:24px;padding-left:24px}.post-content li{margin-bottom:12px;color:var(--text-muted)}.post-content blockquote{border-left:3px solid var(--accent);padding-left:24px;margin:40px 0;font-style:italic}.post-content blockquote p{font-size:1.25rem;color:var(--text);margin:0}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.post-content a:hover{border-bottom-color:var(--accent)}.post-footer{margin-top:80px;padding-top:48px;border-top:1px solid var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.tag{padding:8px 16px;background:var(--secondary);border-radius:20px;font-size:.85rem;color:var(--text-muted);border:1px solid var(--border)}.post-nav{justify-content:space-between}.back-link,.post-nav{display:flex;align-items:center}.back-link{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;gap:8px}.back-link:hover{color:var(--accent)}.site-footer{padding:40px 0;border-top:1px solid var(--border);text-align:center;background:var(--secondary)}.site-footer p{font-size:.9rem;color:var(--text-dim)}@media (max-width:600px){.nav-links a:not(.btn-sm){display:none}.blog-post{padding-top:100px}.post-title{font-size:1.75rem}.post-subtitle{font-size:1.1rem}.post-content{font-size:1rem}.post-content h2{font-size:1.4rem}}