:root{--bg-body:#0a192f;--bg-card:#112240;--text-main:#ccd6f6;--text-muted:#a8b2d1;--border-color:#233554;--code-accent:#64ffda;--primary-gradient:linear-gradient(135deg, #e6af2e 0%, #f6d365 100%);--primary-color:#e6af2e;--transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);--font-mono:'JetBrains Mono', 'Fira Code', monospace}body.light-mode{--bg-body:#f0f4f8;--bg-card:#ffffff;--text-main:#0a192f;--text-muted:#485563;--border-color:#d1d9e6;--primary-color:#d4a024;--primary-gradient:linear-gradient(135deg, #d4a024 0%, #e6af2e 100%)}body.light-mode .tag{background:#e5e7eb;color:#333;border-color:#d1d5db}body.light-mode .code-window{box-shadow:0 10px 30px rgba(0,0,0,.1)}body.light-mode nav{background-color:#fff;border-bottom:1px solid #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);font-family:inter,cairo,segoe ui,sans-serif;line-height:1.8;font-size:17px}a{color:var(--text-main);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-color)}.container{max-width:1e3px;margin:0 auto;padding:0 1.5rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1)forwards}.hero{text-align:center;padding:6rem 1rem 8rem}.hero .hero-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.home-content{max-width:900px;margin:0 auto 6rem;font-size:1.15rem;line-height:1.9}.section-featured{margin-top:6rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,5%)}.section-title{border-bottom:2px solid var(--border-color);padding-bottom:.5rem;margin-bottom:2.5rem;display:inline-block;color:var(--text-bright)}.terminal-container{max-width:600px;margin:0 auto 3rem;background:rgba(10,25,47,.7);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.3);overflow:hidden;text-align:left}.terminal-container .terminal-header{background:#020c1b;padding:10px 15px;display:flex;gap:8px;border-bottom:1px solid var(--border-color)}.terminal-container .terminal-header .dot{width:12px;height:12px;border-radius:50%}.terminal-container .terminal-header .dot.red{background:#ff5f56}.terminal-container .terminal-header .dot.yellow{background:#ffbd2e}.terminal-container .terminal-header .dot.green{background:#27c93f}.terminal-container .terminal-body{padding:20px;font-family:var(--font-mono);font-size:1.2rem;color:var(--text-main);min-height:80px}.terminal-container .terminal-body .prompt{color:var(--primary-color);margin-right:10px;font-weight:700}nav{background-color:rgba(10,25,47,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;transition:var(--transition)}nav .nav-container{display:flex;justify-content:space-between;align-items:center}nav .logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--text-bright)}nav .logo .highlight{color:var(--primary-color);background:0 0;-webkit-text-fill-color:initial}nav .menu-link{margin-inline-start:2rem;font-weight:500;font-size:.9rem;color:var(--text-muted)}nav .menu-link::before{content:"// ";color:var(--primary-color);opacity:.6;font-family:monospace}nav .menu-link:hover{color:var(--primary-color);text-decoration:none}h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;color:var(--text-bright)}h2{margin-top:2rem;margin-bottom:1rem;color:var(--text-bright)}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.post-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:2rem;display:flex;flex-direction:column;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 10px 30px -15px rgba(2,12,27,.7)}.post-summary::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.post-summary h2 a{color:var(--text-bright);font-weight:700;transition:color .3s ease}.post-summary p{color:var(--text-muted)}.post-summary:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 20px 40px -15px rgba(230,175,46,.15)}.post-summary:hover::before{opacity:1}.post-summary:hover h2 a{color:var(--primary-color)}.meta{font-size:.8rem;color:var(--primary-color);font-family:monospace;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.post-content{margin-top:2rem;font-size:1.1rem;color:var(--text-muted)}.post-content h2,.post-content h3{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:var(--text-bright);color:var(--text-bright);margin-top:2.5rem;margin-bottom:1.5rem}.post-content p{margin-bottom:1.5rem}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-content ul li,.post-content ol li{margin-bottom:.5rem}.post-content ul li::marker,.post-content ol li::marker{color:var(--primary-color)}.post-content strong{color:var(--text-bright);font-weight:700}.post-content em{color:var(--primary-color);font-style:italic}.post-content blockquote{border-left:4px solid var(--primary-color);background:rgba(230,175,46,5%);padding:1.5rem;margin:2rem 0;font-style:italic;border-radius:0 8px 8px 0}.post-content blockquote p:last-child{margin-bottom:0}.post-content code{background:var(--navy-lighter);padding:2px 6px;border-radius:4px;font-family:courier new,monospace;color:var(--primary-color)}.post-content pre{background:#020c1b;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--border-color);direction:ltr;text-align:left}input,textarea{width:100%;padding:12px;background:var(--navy-light);border:1px solid var(--border-color);color:var(--text-bright);border-radius:4px;margin-bottom:1rem}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)}button.btn-submit{background:rgba(230,175,46,5%);backdrop-filter:blur(5px);border:1px solid var(--primary-color);color:var(--primary-color);padding:12px 28px;font-weight:700;border-radius:4px;cursor:pointer;transition:var(--transition)}button.btn-submit:hover{background:var(--primary-color);color:var(--bg-body);box-shadow:0 5px 15px rgba(230,175,46,.4);transform:translateY(-2px)}.code-window{background:#020c1b;border-radius:8px;border:1px solid var(--border-color);margin:2rem 0;box-shadow:0 20px 50px rgba(0,0,0,.3);overflow:hidden;direction:ltr}.code-window .code-header{background:#112240;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.code-window pre{border:none!important;margin:0!important}.window-controls{display:flex;gap:8px}.window-controls .control{width:12px;height:12px;border-radius:50%}.window-controls .control.close{background-color:#ff5f56}.window-controls .control.minimize{background-color:#ffbd2e}.window-controls .control.maximize{background-color:#27c93f}.tags-container{display:inline-flex;gap:8px;flex-wrap:wrap}.tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--primary-color);background:rgba(230,175,46,5%);border:1px solid rgba(230,175,46,.2);transition:var(--transition)}.tag:hover{background:rgba(230,175,46,.15);transform:translateY(-2px)}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:8px;border-left:5px solid;background:var(--bg-card);display:flex;align-items:start;gap:1rem}.alert .alert-icon{font-size:1.25rem;margin-top:.1rem}.alert .alert-content{flex:1}.alert .alert-content p{margin-bottom:0}.alert .alert-content .alert-title{font-weight:700;margin-bottom:.5rem;display:block}.alert-info{border-color:#64ffda;background:rgba(100,255,218,.1)}.alert-info .alert-icon{color:#64ffda}.alert-warning{border-color:#ffbd2e;background:rgba(255,189,46,.1)}.alert-warning .alert-icon{color:#ffbd2e}.alert-tip{border-color:#27c93f;background:rgba(39,201,63,.1)}.alert-tip .alert-icon{color:#27c93f}.alert-danger{border-color:#ff5f56;background:rgba(255,95,86,.1)}.alert-danger .alert-icon{color:#ff5f56}.chroma{color:#f8f8f2;background-color:#0d1117}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nc{color:#50fa7b}.chroma .no{color:#ea51b2}.chroma .nd{color:#50fa7b}.chroma .ne{color:#f1fa8c}.chroma .nf{color:#50fa7b}.chroma .nx{color:#f8f8f2}.chroma .nt{color:#ff79c6}.chroma .l{color:#bd93f9}.chroma .ld{color:#bd93f9}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#bd93f9}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#6272a4}.chroma .gd{color:#8b080b}.chroma .ge{text-decoration:underline}.chroma .gr{color:#a00}.chroma .gh{font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#f8f8f2}footer{border-top:1px solid var(--border-color);margin-top:4rem;padding:2rem 0;text-align:center;color:var(--text-muted)}footer .newsletter{max-width:500px;margin:0 auto 2rem}footer .newsletter h3{color:var(--text-bright);margin-bottom:.5rem}footer .newsletter p{font-size:.9rem;margin-bottom:1rem}footer .newsletter .form-group{display:flex;gap:10px}footer .newsletter input{margin-bottom:0}