:root{--bg:#ffffff;--text:#0a1f1c;--muted:#4a5a56;--primary:#0f6b4f;--primary-2:#0a4a79;--accent:#2e6f80;--card:#f5f7f6;--border:#e3e7e6;--shadow:0 10px 30px rgba(0,0,0,.06)}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:var(--primary-2)}
a:hover{opacity:.9}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--primary)}
.logo img{width:36px;height:36px;border-radius:8px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{padding:8px 12px;border-radius:10px;color:var(--text);font-weight:600}
.nav-links a.active,.nav-links a:hover{background:var(--card);color:var(--primary-2)}
.menu-btn{display:none;background:transparent;border:0;font-size:22px}
@media(max-width:900px){.nav-links{display:none}.menu-btn{display:block}}
.mobile-menu{position:fixed;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);display:none;flex-direction:column;padding:10px 20px}
.mobile-menu a{padding:12px 10px;border-radius:8px;color:var(--text)}
.show{display:flex}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:40px 0}
.hero h1{font-size:44px;line-height:1.1;margin:0}
.hero p{color:var(--muted);font-size:18px}
.hero .cta{display:flex;gap:14px;margin-top:14px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--primary-2);font-weight:700;cursor:pointer;transition:.2s}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn-primary:hover{transform:translateY(-1px)}
.section{padding:40px 0}
.section h2{font-size:28px;margin:0 0 18px}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.grid-3,.grid-2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.card-body{padding:18px}
.card h3{margin:0 0 8px}
.meta{font-size:14px;color:var(--muted)}
.kpi{display:flex;gap:14px;margin-top:10px}
.kpi span{background:#fff;border:1px dashed var(--border);padding:6px 10px;border-radius:10px;font-size:13px}
.footer{background:#0b1715;color:#cfe2dd;margin-top:40px}
.footer a{color:#9fdac5}
.footer .columns{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:32px 0}
.footer h4{margin:0 0 10px}
.footer .social{display:flex;gap:10px;margin-top:10px}
.footer .bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 0;font-size:14px;color:#b7d2ca}
.badge{display:inline-block;background:#eef8f4;color:var(--primary);border:1px solid #cce9df;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.tip{background:linear-gradient(180deg,#f4fbf7,#eef6ff);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;gap:16px;align-items:flex-start}
.reveal{opacity:0;transform:translateY(14px);transition:all .5s ease}
.reveal.visible{opacity:1;transform:none}
.post-hero{height:300px;background-size:cover;background-position:center;border-radius:18px;border:1px solid var(--border)}
.article{max-width:780px}
.article h1{font-size:36px;margin:10px 0}
.article .content p{margin:16px 0;color:#1b302b}
.badge-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.inline-list{display:flex;gap:8px;flex-wrap:wrap}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;background:#0b1715;color:#e6fff6;border-radius:14px;padding:14px;border:1px solid #144c3c;box-shadow:0 10px 40px rgba(0,0,0,.35);display:none;z-index:2500}
.cookie.show{display:block}
.cookie .actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.cookie .btn{border-color:#1b7a62;background:#103e33;color:#d8fff2}
.cookie .btn-primary{background:#23a07b;border-color:#23a07b;color:#0a1f1c}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:3000}
.modal.show{display:flex}
.modal .box{background:#fff;border-radius:16px;max-width:520px;width:92%;padding:20px;border:1px solid var(--border)}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:700px){form .row{grid-template-columns:1fr}}
.input{display:flex;flex-direction:column;gap:6px}
.input input,.input textarea,.input select{padding:12px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:16px}
.input textarea{min-height:130px;resize:vertical}
.contact-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.table-like{display:grid;grid-template-columns:1fr 2fr;gap:8px;font-size:15px}
.badge-green{background:#e8fff8;border:1px solid #c4f6e7;color:#0f6b4f;padding:4px 10px;border-radius:999px}
.theme-toggle{position:fixed;right:16px;bottom:80px;z-index:1100}
.dark-theme body,.dark-theme{background:#0c1211;color:#d4efe7}
.dark-theme .header{background:rgba(12,18,17,.8);border-color:#243130}
.dark-theme .card{background:#0f1716;border-color:#21302e}
.dark-theme .footer{background:#070c0b}
.dark-theme .btn{background:#101a19;border-color:#22312f;color:#ceefe7}
.dark-theme .btn-primary{background:#138866;border-color:#138866}
.dark-theme .nav-links a{color:#cfe8e2}
.dark-theme .nav-links a:hover{background:#101a19}
.dark-theme .mobile-menu{background:#0f1716;border-color:#22302e}
.dark-theme .cookie{background:#07100e}
.icon{width:18px;height:18px;display:inline-block;vertical-align:middle}
.tag-list{display:flex;gap:8px;flex-wrap:wrap}
.hero-img{border-radius:18px;border:1px solid var(--border);overflow:hidden}
.small-links a{display:inline-block;margin-right:8px;font-size:14px}
.cards-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1150px){.cards-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.cards-row{grid-template-columns:1fr}}

/* Override contact text for better visibility */

.contact-card, .contact-card * {
    color: #111 !important;
    font-weight: 600;
}

/* Fix button text color in contact section */

.contact-card button, .contact-card .btn, .contact-card a.button {
    color: #fff !important;
    font-weight: 600;
}

/* Fix stretched team images */

.team-card img, .team-member img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
}


/* Team images: crop to fixed height and keep proportions */
.cards-row .card > img {
    width: 100% !important;
    height: 360px !important;
    object-fit: cover !important;
    display: block;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}