:root{--bg: #071018;--card: #0a1a1c;--text: #e8f1ec;--muted: #9fb3a1;--accent-green: #6E8C12;--accent-green-dark: #5b6f0f;--accent-blue: #0f2540}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg),#041017);color:var(--text);-webkit-font-smoothing:antialiased}.app-root{min-height:100vh;display:flex;flex-direction:column}header.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 36px;background:linear-gradient(90deg,#06140a99,#070a1499);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:30}.site-brand{display:flex;align-items:center;gap:12px}.site-brand img{height:44px}.nav-links{display:flex;gap:8px}.nav-links a{color:var(--muted);text-decoration:none;font-weight:600;font-family:texgyreadventor-bold,Inter,system-ui;padding:10px 16px;border-radius:8px;transition:all .3s ease;border:1px solid transparent;background:#ffffff05}.nav-links a:hover{color:var(--text);background:linear-gradient(135deg,#6e8c1226,#0f25401a);border-color:#6e8c124d;transform:translateY(-1px);box-shadow:0 4px 12px #6e8c1233}@media (max-width: 768px){header.site-header{padding:12px 20px;position:relative}.desktop-nav{display:none}.mobile-menu-btn{display:block!important}.mobile-nav a:hover{background:#6e8c121a!important;color:var(--text)!important}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-wrapper{padding:60px 0;border-bottom:2px solid rgba(110,140,18,.2)}.section-wrapper.section-alt{background:linear-gradient(180deg,#6e8c1214,#0f25401f);border-bottom:2px solid rgba(15,37,64,.3)}.hero{position:relative;width:100%;height:82vh;display:flex;align-items:center;justify-content:flex-start;padding-left:6%;overflow:hidden}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .8s ease;opacity:0}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060e0c40,#04080a99)}.hero-inner{position:relative;z-index:2;color:var(--text);text-align:left;max-width:900px;padding:36px}.hero-card{background:#00000073;padding:24px;border-radius:14px;max-width:720px;box-shadow:0 8px 30px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-title{font-size:48px;line-height:1.02;font-weight:800;margin:0}.hero-sub{margin-top:12px;color:var(--muted);margin-bottom:0}.hero-ctas{margin-top:20px;display:flex;gap:12px}.btn{background:var(--accent-green);border:none;color:#071018;padding:12px 18px;border-radius:10px;font-weight:700}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text)}@media (max-width:900px){.hero{justify-content:center;padding-left:20px;padding-right:20px}.hero-card{background:#0000008c;padding:18px;border-radius:12px}.hero-inner{max-width:100%;padding:12px}.hero-title{font-size:34px}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.project-card{background:linear-gradient(180deg,#0a140e40,#080c1233);padding:18px;border-radius:12px;box-shadow:0 6px 30px #010a064d;overflow:hidden}.project-image{height:180px;background:#081018;border-radius:10px;margin-bottom:12px;background-size:cover;background-position:center}.project-title{font-weight:700}.project-desc{color:var(--muted);margin-top:8px}.tools-ticker{margin-top:40px;padding:24px;background:#fff6;border-radius:12px;border:1px solid rgba(255,255,255,.5);overflow:hidden}.tools-track{display:flex;gap:40px;align-items:center;will-change:transform;animation:scroll 20s linear infinite}.tools-item{display:flex;align-items:center;justify-content:center}.tools-item img{height:40px;opacity:1;filter:brightness(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}footer.site-footer{margin-top:auto;padding:24px 36px;color:var(--muted);display:flex;justify-content:space-between}@media (max-width:900px){.hero-title{font-size:34px}.projects-grid{grid-template-columns:repeat(1,1fr)}}
