@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500&display=swap');*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--bg2:#141720;--bg3:#1a1f2e;--border:#1e2030;--border2:#2a2d38;--text:#e4e8f0;--muted:#8892a4;--hint:#4a5568;--green:#7ee8a2;--blue:#4a9eff;--purple:#c084fc;--amber:#fbbf24;--red:#f87171;--mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif;--radius:6px;--max-w:1100px}html{scroll-behavior:smooth;margin-top:0 !important}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;margin:0 !important;padding:0 !important}body.admin-bar #site-header{top:32px}body.admin-bar .hero-canvas-wrap{top:60px}.hero-split{position:relative;min-height:calc(100vh - 60px);padding:0}.hero-text{position:relative;z-index:10;padding:16px 0 80px;max-width:680px;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.hero-sub{font-size:1.05rem;max-width:100%;margin-bottom:2.5rem}.hero-canvas-wrap{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);z-index:2;pointer-events:none;opacity:0;animation:canvas-fadein 2s ease .6s forwards;transition:opacity .8s ease}@keyframes canvas-fadein{from{opacity:0}to{opacity:.3}}.hero-canvas-wrap canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.hero-canvas-label{position:absolute;bottom:24px;left:24px;font-family:var(--mono);font-size:.68rem;color:var(--hint);letter-spacing:.06em}@media (max-width:900px){.hero-canvas-wrap{display:none}.hero-text{padding:16px 0 48px;max-width:100%}}@media (max-width:600px){h1{font-size:clamp(1.6rem, 8vw, 2.4rem)}.hero-text{padding:12px 0 40px}.hero-text img{max-width:100px !important;margin-bottom:1rem !important}.hero-badge{font-size:.65rem;padding:5px 10px}.hero h1 span[style*="white-space:nowrap"],.hero h1 span[style*="white-space: nowrap"]{white-space:normal !important}.hero-actions{flex-direction:column;gap:.8rem}.hero-actions .btn{width:100%;justify-content:center}.code-window{font-size:.7rem}.code-body{padding:14px 16px;font-size:.7rem}.nav-inner{padding:0 1rem}.container{padding:0 1.2rem}.cards-grid{grid-template-columns:1fr}.feat-card{padding:20px}.about-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.service-item{grid-template-columns:1fr;gap:.8rem}.projects-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}}a{color:var(--green);text-decoration:none}a:hover{color:var(--text)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:var(--mono);font-weight:700;line-height:1.25;color:var(--text)}h1{font-size:clamp(2rem, 5vw, 3.2rem)}h2{font-size:clamp(1.5rem, 3vw, 2.2rem)}h3{font-size:1.2rem}p{color:var(--muted);margin-bottom:1rem}.mono{font-family:var(--mono)}#site-header{position:sticky;top:0;z-index:100;background:rgba(13,15,20,.92);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.nav-logo{font-family:var(--mono);font-size:1rem;font-weight:700;color:var(--green);letter-spacing:-.02em}.nav-logo span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{font-family:var(--mono);font-size:.78rem;color:var(--muted);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--green)}.nav-cta{font-family:var(--mono);font-size:.78rem;color:var(--green);border:.5px solid var(--green);padding:7px 16px;border-radius:var(--radius);transition:background .2s,color .2s}.nav-cta:hover{background:var(--green);color:var(--bg)}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--muted);transition:all .3s}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.8rem;font-weight:700;padding:10px 22px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--green);color:var(--bg)}.btn-primary:hover{background:#5dd686;color:var(--bg)}.btn-ghost{background:0 0;color:var(--muted);border:.5px solid var(--border2)}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.hero{padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(126,232,162,.04) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border:.5px solid var(--border2);border-radius:4px;padding:6px 12px;margin-bottom:14px;font-family:var(--mono);font-size:.72rem;color:var(--green);width:fit-content;white-space:nowrap}.hero-badge .badge-text{transition:opacity .5s ease}.hero-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{margin-bottom:1.2rem}.hero h1 .accent-green{color:var(--green)}.hero h1 .accent-blue{color:var(--blue)}.hero-sub{font-size:1.05rem;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.code-window{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);overflow:hidden;margin:3rem 0;max-width:640px}.code-titlebar{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:.5px solid var(--border);background:var(--bg3)}.code-titlebar .dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#f87171}.dot-amber{background:#fbbf24}.dot-green2{background:#7ee8a2}.code-filename{font-family:var(--mono);font-size:.7rem;color:var(--hint);margin-left:8px}.code-body{padding:20px 24px;font-family:var(--mono);font-size:.78rem;line-height:1.9;overflow-x:auto}.code-body .ln{color:var(--hint);user-select:none;margin-right:16px}.c-comment{color:var(--hint)}.c-keyword{color:var(--purple)}.c-fn{color:var(--blue)}.c-str{color:var(--amber)}.c-param{color:var(--green)}.c-val{color:var(--red)}.c-white{color:var(--text)}.cursor{display:inline-block;width:8px;height:14px;background:var(--green);vertical-align:middle;animation:blink 1.1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.section{padding:80px 0;position:relative;z-index:10;background:var(--bg)}.status-bar{background:var(--bg2);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:10px 0;position:relative;z-index:10}.divider{border:none;border-top:.5px solid var(--border);position:relative;z-index:10}.section-label{font-family:var(--mono);font-size:.72rem;color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.section-title{margin-bottom:1rem}.section-sub{max-width:560px;margin-bottom:3rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px, 1fr));gap:1px;border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.feat-card{background:var(--bg2);padding:28px;transition:background .2s}.feat-card:hover{background:var(--bg3)}.feat-index{font-family:var(--mono);font-size:.68rem;color:var(--blue);margin-bottom:12px;letter-spacing:.05em}.feat-card h3{margin-bottom:8px;font-size:1rem}.feat-card p{font-size:.88rem;margin:0}.status-bar{background:var(--bg2);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:10px 0}.status-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.7rem;color:var(--hint)}.status-dot{width:6px;height:6px;border-radius:50%}.page-hero{padding:72px 0 56px;border-bottom:.5px solid var(--border)}.page-hero .breadcrumb{font-family:var(--mono);font-size:.72rem;color:var(--hint);margin-bottom:16px}.page-hero .breadcrumb span{color:var(--green)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:2rem}.stat-box{background:var(--bg2);padding:24px}.stat-box .num{font-family:var(--mono);font-size:2rem;font-weight:700;color:var(--green);display:block}.stat-box .label{font-family:var(--mono);font-size:.72rem;color:var(--hint)}.services-list{display:flex;flex-direction:column;gap:1px}.service-item{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:80px 1fr auto;gap:2rem;align-items:center;transition:background .2s}.service-item:hover{background:var(--bg3)}.service-num{font-family:var(--mono);font-size:2rem;font-weight:700;color:var(--border2)}.service-item h3{margin-bottom:6px}.service-item p{margin:0;font-size:.9rem}.service-tag{font-family:var(--mono);font-size:.68rem;color:var(--green);border:.5px solid var(--green);padding:4px 10px;border-radius:4px;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px, 1fr));gap:1px;border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.project-card{background:var(--bg2);padding:28px;transition:background .2s;display:flex;flex-direction:column;gap:12px}.project-card:hover{background:var(--bg3)}.project-card .tag{display:inline-block;font-family:var(--mono);font-size:.68rem;color:var(--blue);border:.5px solid var(--blue);padding:3px 8px;border-radius:4px}.project-card h3{font-size:1rem}.project-card p{font-size:.85rem;margin:0;flex:1}.project-card .proj-link{font-family:var(--mono);font-size:.72rem;color:var(--green);display:flex;align-items:center;gap:4px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px, 1fr));gap:1px;border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.blog-card{background:var(--bg2);padding:28px;display:flex;flex-direction:column;gap:10px;transition:background .2s}.blog-card:hover{background:var(--bg3)}.blog-meta{font-family:var(--mono);font-size:.68rem;color:var(--hint);display:flex;gap:12px}.blog-meta .cat{color:var(--green)}.blog-card h3{font-size:1rem}.blog-card p{font-size:.85rem;margin:0;flex:1}.blog-card .read-more{font-family:var(--mono);font-size:.72rem;color:var(--green)}.post-content{max-width:720px;margin:0 auto}.post-content h2,.post-content h3{margin:2rem 0 1rem}.post-content p{margin-bottom:1.2rem}.post-content ul,.post-content ol{color:var(--muted);padding-left:1.5rem;margin-bottom:1.2rem}.post-content pre{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);padding:20px;overflow-x:auto;font-family:var(--mono);font-size:.82rem;margin-bottom:1.5rem}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:5rem;align-items:start}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.form-label{display:block;font-family:var(--mono);font-size:.72rem;color:var(--hint);margin-bottom:6px;letter-spacing:.05em}.required{color:var(--green)}.form-input{width:100%;background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);padding:10px 14px;font-family:var(--mono);font-size:.82rem;color:var(--text);transition:border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--green)}.form-input::placeholder{color:var(--hint)}.form-textarea{min-height:140px;resize:vertical;line-height:1.6}.contact-success{background:var(--bg2);border:.5px solid var(--green);border-radius:var(--radius);padding:16px 20px;margin-bottom:1.5rem}.contact-success .c-comment{display:block;margin-bottom:6px}.contact-success p{margin:0;font-size:.88rem}.contact-error{background:var(--bg2);border:.5px solid var(--red);border-radius:var(--radius);padding:16px 20px;margin-bottom:1.5rem}.contact-detail-item{margin-bottom:1.2rem}.contact-detail-label{font-family:var(--mono);font-size:.68rem;color:var(--hint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.contact-detail-value{font-size:.95rem;color:var(--text)}a.contact-detail-value{color:var(--green)}a.contact-detail-value:hover{color:var(--text)}@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:3rem}.form-row-2{grid-template-columns:1fr}}#site-footer{border-top:.5px solid var(--border);background:var(--bg2);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand .nav-logo{font-size:1.1rem;display:block;margin-bottom:12px}.footer-brand p{font-size:.85rem}.footer-col h4{font-family:var(--mono);font-size:.72rem;color:var(--hint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col ul a{font-size:.85rem;color:var(--muted)}.footer-col ul a:hover{color:var(--green)}.footer-bottom{border-top:.5px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom p{font-family:var(--mono);font-size:.7rem;color:var(--hint);margin:0}@media (max-width:768px){.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:.5px solid var(--border);padding:1.5rem 2rem;gap:1.2rem}.about-grid{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr}.service-item{grid-template-columns:1fr;gap:1rem}.service-num{font-size:1.2rem}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}}