:root{--g:#063d2d;--d:#022d22;--y:#edae19;--c:#fbfaf5;--ink:#0a3428}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--c);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.hero{color:#fff;background:linear-gradient(90deg,#022f27f2 0%,#073c2db8 45%,#0000 78%),url(/hero.jpg) 50%/cover;height:720px;padding:0 5vw}nav{align-items:center;gap:35px;max-width:1200px;height:92px;margin:auto;display:flex}.logo{font-size:27px;font-weight:800}.logo span,.hero em,.bar b,.tag{color:var(--y)}.links{gap:28px;margin:auto;display:flex}.links a:hover{color:var(--y)}.btn{background:var(--y);color:#fff;border-radius:8px;padding:15px 22px;font-weight:700;display:inline-flex}.small{padding:11px 17px}.outline{border:1px solid var(--y);background:0 0;margin-left:10px}.heroText{width:600px;margin:80px max(50% - 600px,0px)}.heroText small,.tag{letter-spacing:1.5px;font-size:11px;font-weight:800}.hero h1{margin:16px 0 22px;font-size:60px;line-height:1.05}.hero em{font-style:normal}.heroText p{font-size:18px;line-height:1.6}.bar{color:#fff;background:linear-gradient(120deg,#073f30,#003126);border-radius:15px;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:-78px auto 0;display:grid;box-shadow:0 20px 40px #00291d25}.bar div{border-right:1px solid #ffffff2b;align-items:center;gap:18px;padding:34px 25px;font-size:28px;display:flex}.bar span{font-size:14px;line-height:1.5}.wrap{max-width:1180px;margin:auto;padding:105px 30px}.about{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about h2,.solutions h2,.projects h2,.galleryIntro h2{font-size:38px;line-height:1.15}.about i{background:var(--y);width:55px;height:3px;margin:24px 0;display:block}.about p{color:#49655c;line-height:1.7}.about figure{margin:0;position:relative}.about img{object-fit:cover;border-radius:16px;width:100%;height:480px}.about figcaption{color:#fff;background:#064333ee;border:1px solid #c99b2e;border-radius:11px;padding:22px;line-height:1.9;position:absolute;bottom:25px;left:25px;right:25px}.solutions{background:#eef4ed}.center{text-align:center;display:block}.muted{color:#647b72}.cards{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:42px;display:grid}.cards article{text-align:center;background:#fff;border-radius:15px;padding:35px 28px;box-shadow:0 10px 30px #003b2510}.cards article>span{background:var(--g);color:var(--y);border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;display:grid}.cards p{color:#587068;min-height:105px;line-height:1.6}.cards a{color:#c78300;font-weight:700}.projectCards{background:var(--g);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;padding:18px;display:grid}.projectCards article{background:#fff;border-radius:10px;overflow:hidden}.projectCards img{object-fit:cover;width:100%;height:230px}.projectCards h3{padding:0 18px}.galleryIntro{background:var(--g);color:#fff;justify-content:space-between;align-items:center;padding:55px max(50vw - 560px,30px);display:flex}.galleryIntro h2{margin:8px 0}.galleryIntro small{color:var(--y)}footer{color:#fff;background:#002b21;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding:50px max(50vw - 560px,30px);display:grid}footer div{flex-direction:column;gap:12px;display:flex}footer div>b{color:var(--y)}@media (max-width:850px){.links{display:none}.heroText{margin:70px 0}.bar{grid-template-columns:1fr 1fr;margin:-55px 20px 0}.about,.cards,.projectCards{grid-template-columns:1fr}.galleryIntro{flex-direction:column;align-items:flex-start;gap:22px}footer{grid-template-columns:1fr 1fr}}@media (max-width:560px){.hero{height:690px;padding:0 20px}.hero h1{font-size:41px}.heroText{width:auto;margin-top:45px}.heroText>div{flex-direction:column;gap:10px;display:flex}.outline{margin:0}.bar{grid-template-columns:1fr}.wrap{padding:75px 20px}.about h2,.solutions h2,.projects h2{font-size:30px}.about img{height:400px}.cards p{min-height:0}footer{grid-template-columns:1fr}}.galleryPage header,.adminPage header{background:var(--g);color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 max(50vw - 590px,25px);display:grid}.galleryPage header>:last-child,.adminPage header>:last-child{text-align:right}.adminLink{color:var(--y);font-weight:700}.galleryHero{text-align:center;color:#fff;background:linear-gradient(135deg,#063d2d,#002b21);padding:75px 25px 65px}.galleryHero small,.adminPage section>small{color:var(--y);letter-spacing:1.4px;font-weight:700}.galleryHero h1,.adminPage h1{margin:12px 0;font-size:46px}.galleryWrap{max-width:1180px;margin:auto;padding:55px 25px 100px}.galleryTabs{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:38px;display:flex}.galleryTabs button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b9c9c2;border-radius:999px;padding:11px 16px;font-weight:700}.galleryTabs button.active{background:var(--g);color:#fff;border-color:var(--g)}.mediaGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.mediaGrid article{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #003b2514}.mediaGrid img,.mediaGrid iframe{object-fit:cover;background:#000;border:0;width:100%;height:235px;display:block}.mediaGrid article div{padding:18px}.mediaGrid h2{margin:0 0 8px;font-size:20px}.mediaGrid p{color:#5c726a;margin:0;line-height:1.5}.empty{text-align:center;color:#60746c;border:2px dashed #c8d7d0;border-radius:15px;grid-column:1/-1;padding:80px 25px}.adminPage{background:#eef4ed;min-height:100vh}.adminPage>section{max-width:820px;margin:auto;padding:70px 25px}.adminPage h1{color:var(--ink)}.adminForm{background:#fff;border-radius:16px;margin-top:35px;padding:32px;box-shadow:0 12px 40px #003b2512}.adminForm label{flex-direction:column;gap:8px;margin-bottom:18px;font-weight:700;display:flex}.adminForm input,.adminForm select,.adminForm textarea{font:inherit;border:1px solid #b8cac2;border-radius:8px;padding:13px}.uploadChoices{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.uploadChoices span{color:#71837c}.formHelp{color:#62766e;font-size:14px;line-height:1.5}.adminForm button{cursor:pointer;border:0}.adminForm button:disabled{opacity:.6}.adminForm [role=status]{color:#9a6900;font-weight:700}@media (max-width:800px){.mediaGrid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.galleryPage header,.adminPage header{grid-template-columns:1fr 1fr}.galleryPage header .logo,.adminPage header .logo{display:none}.galleryHero h1,.adminPage h1{font-size:36px}.mediaGrid,.uploadChoices{grid-template-columns:1fr}.uploadChoices span{text-align:center}}.loginForm{max-width:520px}.logoutButton{color:var(--y);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.adminList{background:#fff;border-radius:16px;margin-top:30px;padding:28px 32px}.adminList h2{margin-top:0}.adminList article{border-top:1px solid #dbe5e0;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.adminList article div{flex-direction:column;gap:5px;display:flex}.adminList article small{color:#657a72}.adminList article button{color:#a32424;cursor:pointer;background:#fff;border:1px solid #b83535;border-radius:7px;padding:8px 12px}.cards article{padding:0;overflow:hidden}.softwareImage{object-fit:cover;width:100%;height:230px;display:block}.softwareCardBody{padding:28px}.softwareCardBody>span{background:var(--g);color:var(--y);border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;display:grid}
