*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#101216;--card:#17191f;--border:#2b2f38;--muted:#9aa5b5;--text:#fff;--green:#32e39a}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}.header{position:fixed;inset:0 0 auto 0;height:74px;background:rgba(5,14,11,.96);border-bottom:1px solid rgba(50,227,154,.08);z-index:100;backdrop-filter:blur(12px)}.nav{height:74px;max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:28px;font-weight:900;letter-spacing:-2px}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:3px}.nav-links a{position:relative;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--green)}.nav-links a.active:after{content:"";position:absolute;left:50%;bottom:-18px;width:5px;height:5px;background:var(--green);border-radius:50%;transform:translateX(-50%)}.hire-button{background:var(--green);color:#06110d;padding:15px 28px;border-radius:5px;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:2px}.menu-button{display:none;background:transparent;border:0;cursor:pointer}.menu-button span{display:block;width:28px;height:2px;background:var(--text);margin:6px 0}.section{min-height:100vh;padding:115px 0 80px}.container{width:min(1060px,calc(100% - 40px));margin:0 auto}.hero{background:radial-gradient(circle at center,rgba(50,227,154,.07),transparent 42%),linear-gradient(90deg,#07100d,#0b1411);display:flex;align-items:center;justify-content:center;text-align:center}.hero-inner{width:min(720px,calc(100% - 40px))}.hello{color:#c7cbd3;font-size:24px;margin-bottom:20px}.hero h1{font-size:clamp(42px,7vw,72px);color:var(--green);letter-spacing:4px;line-height:1;font-weight:950;margin-bottom:16px;text-transform:uppercase}.hero h2{font-size:22px;letter-spacing:1px;margin-bottom:26px}.hero h2 span{color:var(--green);font-weight:900;letter-spacing:3px}.hero-text{color:#a8b3c4;font-size:16px;max-width:650px;margin:0 auto 34px}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.primary-btn,.outline-btn{min-width:150px;padding:14px 25px;border-radius:6px;font-weight:700}.primary-btn{background:var(--green);color:#07110d}.outline-btn{border:1px solid var(--green);color:var(--green)}.scroll-down{margin-top:70px;color:#a8b3c4;font-size:12px;letter-spacing:4px}.mouse{width:22px;height:38px;border:2px solid #8d98aa;border-radius:14px;margin:0 auto 12px;position:relative}.mouse span{position:absolute;left:50%;top:7px;width:4px;height:4px;transform:translateX(-50%);background:var(--green);border-radius:50%}.page-section{background:var(--bg)}.page-section.alt{background:#15171d}.tag{display:inline-block;background:rgba(50,227,154,.08);color:var(--green);padding:6px 13px;border-radius:4px;font-size:13px;font-weight:900;letter-spacing:2px;margin-bottom:25px}.section-title{font-size:clamp(32px,5vw,48px);margin-bottom:34px;letter-spacing:1px;font-weight:500}.section-title.center,.center{text-align:center}.wide-text{color:var(--muted);font-size:17px;max-width:950px;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:9px;min-height:145px;display:grid;place-items:center;text-align:center;padding:24px}.stat-card strong{display:block;color:var(--text);font-size:48px;line-height:1;font-weight:950}.stat-card strong:after{content:"+";color:var(--green)}.stat-card span{color:#aab5c8}.lab-box{border:1px solid var(--border);border-radius:12px;padding:46px;text-align:center;color:#a8b3c4;font-size:17px;margin:40px 0 50px}.lab-box p+p{margin-top:24px}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 48px}.infra-item{display:flex;align-items:center;gap:18px}.icon{width:50px;height:50px;border-radius:10px;display:grid;place-items:center;background:rgba(50,227,154,.12);color:var(--green);font-weight:900}.infra-item span{display:block;color:#a8b3c4;font-size:15px}.infra-item strong{display:block;font-size:18px}.analytics-title{border-top:1px solid var(--border);margin-top:60px;padding-top:40px;font-size:20px;font-weight:700}.analytics-title span{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;margin-right:10px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}.analytics-card{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:24px}.analytics-card span{color:#aac2d8}.analytics-card strong{display:block;font-size:26px;margin:12px 0}.progress{height:6px;background:#2b3038;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}.w82{width:82%}.w70{width:70%}.w76{width:76%}.w64{width:64%}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.project-card.featured{border-color:var(--green);box-shadow:0 0 0 1px rgba(50,227,154,.2)}.project-cover{min-height:180px;display:grid;place-items:center;font-size:38px;font-weight:950;letter-spacing:5px;color:rgba(255,255,255,.92)}.cover-crypto{background:linear-gradient(135deg,#111827,#0b3b2a)}.cover-vacations{background:linear-gradient(135deg,#0b281f,#1f2937)}.cover-rag{background:linear-gradient(135deg,#111827,#1e3a8a)}.cover-store{background:linear-gradient(135deg,#18181b,#064e3b)}.cover-fastapi{background:linear-gradient(135deg,#0f172a,#0e7490)}.cover-northwind{background:linear-gradient(135deg,#111827,#7c2d12)}.cover-yoga{background:linear-gradient(135deg,#1f2937,#365314)}.cover-fallback{background:linear-gradient(135deg,#111827,#581c87)}.project-content{padding:32px;text-align:center}.project-content h3{font-size:24px;margin-bottom:18px;text-transform:uppercase;letter-spacing:2px}.project-content p{color:#a8b3c4}.chips{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:26px}.chips span{background:rgba(50,227,154,.1);color:var(--green);font-size:12px;font-weight:800;padding:5px 10px;border-radius:4px}.skills-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.skill-card{height:112px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;text-align:center}.skill-card span{color:var(--green);font-size:24px;font-weight:900}.skill-card p{color:#a8b3c4;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{min-height:310px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:42px 28px;text-align:center;position:relative;overflow:hidden}.service-card span{position:absolute;right:20px;top:10px;font-size:76px;color:rgba(255,255,255,.03);font-weight:950}.service-card h3{font-size:21px;text-transform:uppercase;margin-bottom:18px}.service-card p{color:#a8b3c4}.built-title{text-align:center;margin:80px 0 34px;font-size:34px;font-weight:400}.built-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.built-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;text-align:center}.built-card strong{display:block;font-size:20px}.built-card span{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:48px}.contact-form,.contact-info{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:40px}.contact-form label{display:block;color:#a8b3c4;margin-bottom:22px}.contact-form input,.contact-form textarea{width:100%;background:#111318;border:1px solid #2a2e36;border-radius:8px;color:white;padding:14px;margin-top:8px;font-size:15px}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button,.certificate{display:inline-block;width:100%;background:var(--green);color:#06110d;border:0;padding:15px;border-radius:8px;font-weight:900;cursor:pointer;text-align:center}.form-status{margin-top:14px;color:#a8b3c4}.contact-box{background:#111318;border:1px solid #2a2e36;border-radius:12px;padding:24px;margin-bottom:24px}.contact-box span{color:#a8b3c4;font-size:13px;letter-spacing:2px}.contact-box strong{display:block;margin-top:8px;font-size:18px;word-break:break-word}.n8n-note{margin-top:20px;color:#a8b3c4;background:#111318;border:1px dashed rgba(50,227,154,.35);padding:18px;border-radius:10px}.side-social{position:fixed;right:32px;top:50%;transform:translateY(-50%);display:grid;gap:20px;z-index:80}.side-social a,.back-top{width:48px;height:48px;display:grid;place-items:center;background:rgba(255,255,255,.05);border-radius:50%;color:#a8b3c4;font-weight:900}.side-social a:hover,.back-top:hover{color:var(--green)}.back-top{position:fixed;right:44px;bottom:34px;z-index:80;font-size:26px}.footer{text-align:center;color:var(--muted);padding:26px;border-top:1px solid var(--border)}@media (max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.menu-button{display:block}.nav-links{position:fixed;top:74px;left:0;right:0;background:rgba(5,14,11,.98);padding:24px;display:none;flex-direction:column;gap:22px;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.hire-button{display:none}.stats-grid,.infra-grid,.analytics-grid,.projects-grid,.skills-grid,.services-grid,.built-grid,.contact-grid{grid-template-columns:1fr}.side-social{display:none}}@media (max-width:560px){.nav{padding:0 18px}.section{padding-top:100px}.hero h1{font-size:40px}.hero-actions{flex-direction:column}.primary-btn,.outline-btn{width:100%}.lab-box,.contact-form,.contact-info{padding:24px}}.section-lead{color:#a8b3c4;text-align:center;max-width:780px;margin:-18px auto 42px}.wide-card{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr}.project-media{min-height:320px;background:#0c1117;display:grid;place-items:center;padding:18px}.image-media img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.project-label{color:var(--green)!important;font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:900;margin-bottom:10px}.project-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.project-actions a{border:1px solid rgba(50,227,154,.45);color:var(--green);padding:9px 14px;border-radius:6px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.project-actions a:hover{background:var(--green);color:#06110d}.stat-card strong:after{content:""}.cover-store{background:linear-gradient(135deg,#18181b,#064e3b)}.cover-vacations{background:linear-gradient(135deg,#0b281f,#1f2937)}.cover-crypto{background:linear-gradient(135deg,#111827,#0b3b2a)}@media (max-width:980px){.wide-card{grid-column:auto;display:block}.project-media{min-height:220px}}
