*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--gold-light:#f0d080;--dark:#0f0f0f;--dark-2:#1a1a1a;--dark-3:#242424;--text:#e8e8e8;--text-muted:#888;--border:#2e2e2e;--radius:10px}body{background:var(--dark);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.header{border-bottom:1px solid var(--border);padding:20px 0;background:var(--dark);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.3rem;font-weight:700;color:var(--gold)!important;letter-spacing:-.5px}.logo span{color:var(--text)}.hero{padding:60px 0 40px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:16px}.hero h1 em{color:var(--gold);font-style:normal}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:520px;margin:0 auto 32px}.search-wrap{position:relative;max-width:560px;margin:0 auto}.search-input{width:100%;padding:14px 20px 14px 48px;background:var(--dark-2);border:1px solid var(--border);border-radius:50px;color:var(--text);font-size:1rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--gold)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.filters{padding:24px 0 8px}.filter-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.filter-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-right:4px}.filter-btn{padding:6px 14px;border-radius:50px;border:1px solid var(--border);background:var(--dark-2);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--gold);color:var(--gold)}.filter-btn.active{background:var(--gold);border-color:var(--gold);color:var(--dark);font-weight:600}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px;padding:32px 0 64px}.post-card{background:var(--dark-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;gap:12px}.post-card:hover{border-color:var(--gold);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-badge{font-size:.75rem;padding:3px 10px;border-radius:50px;background:var(--dark-3);color:var(--gold);border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.5px}.skill-badge{font-size:.72rem;padding:3px 10px;border-radius:50px;font-weight:600}.skill-badge.beginner{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid #22c55e}.skill-badge.intermediate{background:rgba(234,179,8,.15);color:#eab308;border:1px solid #eab308}.skill-badge.advanced{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid #ef4444}.card-title{font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--text)}.card-meta-desc{font-size:.88rem;color:var(--text-muted);line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.card-date{font-size:.78rem;color:var(--text-muted)}.card-read{font-size:.82rem;color:var(--gold);font-weight:500}.empty{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty h3{font-size:1.2rem;margin-bottom:8px;color:var(--text)}.post-layout{max-width:740px;margin:0 auto;padding:48px 24px 80px}.post-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.post-back:hover{color:var(--gold)}.post-header{margin-bottom:40px}.post-header h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:16px}.post-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.post-body{line-height:1.8;font-size:1.05rem;color:#d4d4d4}.post-body h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:36px 0 16px}.post-body h3{font-size:1.2rem;font-weight:600;color:var(--text);margin:24px 0 12px}.post-body p{margin-bottom:20px}.post-body ol,.post-body ul{margin:0 0 20px 24px}.post-body li{margin-bottom:8px}.post-body strong{color:var(--text)}.post-body code{background:var(--dark-3);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--gold-light)}.post-body blockquote{border-left:3px solid var(--gold);padding-left:20px;color:var(--text-muted);font-style:italic;margin:24px 0}.footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;color:var(--text-muted);font-size:.85rem}.footer a{color:var(--gold)}@media (max-width:600px){.posts-grid{grid-template-columns:1fr}.hero{padding:40px 0 24px}}