@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
--black:#0e0f0c;
--green:#9fe870;
--green-dark:#163300;
--green-light:#e2f6d5;
--green-mint:#cdffad;
--gray:#868685;
--gray-warm:#454745;
--surface:#e8ebe6;
--white:#ffffff;
--radius-pill:9999px;
--radius-lg:40px;
--radius-md:30px;
--radius-sm:16px;
}

html{scroll-behavior:smooth;font-size:16px}

body{
font-family:'Inter',Helvetica,Arial,sans-serif;
font-feature-settings:"calt";
font-weight:400;
color:var(--black);
background:var(--white);
line-height:1.44;
letter-spacing:0.18px;
}

a{color:inherit;text-decoration:none}

img{max-width:100%;height:auto;display:block}

.container{max-width:1200px;margin:0 auto;padding:0 24px}

header{
background:var(--white);
border-bottom:1px solid rgba(14,15,12,0.10);
position:sticky;
top:0;
z-index:100;
}

.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
height:64px;
gap:16px;
}

.logo{
font-weight:900;
font-size:1.25rem;
letter-spacing:-0.5px;
color:var(--black);
font-feature-settings:"calt";
}

.logo span{color:var(--green-dark)}

nav{display:flex;align-items:center;gap:4px}

nav a{
font-weight:600;
font-size:0.9rem;
padding:8px 14px;
border-radius:var(--radius-pill);
transition:background 0.2s;
color:var(--black);
}

nav a:hover{background:rgba(211,242,192,0.4)}
nav a.active{background:rgba(211,242,192,0.4)}

.nav-cta{
background:var(--green);
color:var(--green-dark) !important;
padding:8px 18px !important;
border-radius:var(--radius-pill) !important;
font-weight:600;
transition:transform 0.15s !important;
}

.nav-cta:hover{transform:scale(1.05);background:var(--green) !important}
.nav-cta:active{transform:scale(0.95)}

.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{display:block;width:22px;height:2px;background:var(--black);border-radius:2px;transition:all 0.2s}

.hero{
padding:80px 0 64px;
background:var(--white);
}

.hero h1{
font-family:'Inter',sans-serif;
font-weight:900;
font-size:clamp(2.5rem,6vw,5.5rem);
line-height:0.9;
letter-spacing:-2px;
color:var(--black);
font-feature-settings:"calt";
max-width:800px;
margin-bottom:24px;
}

.hero p{
font-size:1.125rem;
font-weight:400;
color:var(--gray-warm);
max-width:560px;
line-height:1.6;
margin-bottom:36px;
}

.hero-badge{
display:inline-block;
background:var(--green-light);
color:var(--green-dark);
font-weight:600;
font-size:0.8rem;
padding:6px 14px;
border-radius:var(--radius-pill);
margin-bottom:20px;
letter-spacing:0.5px;
}

.hero-img{
width:100%;
max-height:420px;
object-fit:cover;
border-radius:var(--radius-md);
margin-top:48px;
box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px;
}

.section{padding:64px 0}
.section-alt{background:var(--surface)}

.section-label{
font-size:0.8rem;
font-weight:600;
letter-spacing:1px;
color:var(--gray);
text-transform:uppercase;
margin-bottom:12px;
}

.section-title{
font-weight:900;
font-size:clamp(1.8rem,4vw,3rem);
line-height:0.9;
letter-spacing:-1px;
color:var(--black);
font-feature-settings:"calt";
margin-bottom:16px;
}

.section-desc{
font-size:1.05rem;
color:var(--gray-warm);
max-width:560px;
line-height:1.6;
}

.articles-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:40px;
}

.card{
background:var(--white);
border:1px solid rgba(14,15,12,0.12);
border-radius:var(--radius-md);
overflow:hidden;
transition:transform 0.15s,box-shadow 0.15s;
}

.card:hover{
transform:translateY(-4px);
box-shadow:rgba(14,15,12,0.10) 0px 12px 32px;
}

.card-img{
width:100%;
height:200px;
object-fit:cover;
}

.card-body{padding:24px}

.card-tag{
display:inline-block;
background:var(--green-light);
color:var(--green-dark);
font-size:0.75rem;
font-weight:600;
padding:4px 10px;
border-radius:var(--radius-pill);
margin-bottom:12px;
}

.card-title{
font-size:1.1rem;
font-weight:600;
color:var(--black);
line-height:1.3;
margin-bottom:10px;
letter-spacing:-0.3px;
}

.card-text{
font-size:0.9rem;
color:var(--gray-warm);
line-height:1.5;
margin-bottom:16px;
}

.card-link{
font-size:0.85rem;
font-weight:600;
color:var(--green-dark);
border-bottom:1px solid var(--green);
padding-bottom:1px;
transition:opacity 0.15s;
}
.card-link:hover{opacity:0.7}

.card-date{
font-size:0.78rem;
color:var(--gray);
margin-top:12px;
}

.info-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
margin-top:40px;
}

.info-card{
background:var(--white);
border-radius:var(--radius-sm);
border:1px solid rgba(14,15,12,0.12);
padding:32px;
}

.info-card h3{
font-size:1.1rem;
font-weight:600;
color:var(--black);
margin-bottom:10px;
letter-spacing:-0.3px;
}

.info-card p{
font-size:0.9rem;
color:var(--gray-warm);
line-height:1.6;
}

.regions-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:40px;
}

.region-card{
background:var(--white);
border:1px solid rgba(14,15,12,0.12);
border-radius:var(--radius-sm);
padding:24px 20px;
text-align:center;
}

.region-card h3{
font-size:1rem;
font-weight:600;
color:var(--black);
margin-bottom:8px;
}

.region-card p{
font-size:0.85rem;
color:var(--gray);
line-height:1.5;
}

.region-num{
font-size:1.8rem;
font-weight:900;
color:var(--green-dark);
margin-bottom:8px;
line-height:1;
}

.contact-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:start;
margin-top:40px;
}

.contact-info p{
font-size:0.95rem;
color:var(--gray-warm);
line-height:1.7;
margin-bottom:12px;
}

.contact-info strong{color:var(--black)}

form{
background:var(--white);
border:1px solid rgba(14,15,12,0.12);
border-radius:var(--radius-md);
padding:32px;
}

form label{
display:block;
font-size:0.85rem;
font-weight:600;
color:var(--black);
margin-bottom:6px;
}

form input,form textarea{
width:100%;
padding:12px 16px;
border:1px solid rgba(14,15,12,0.20);
border-radius:10px;
font-family:'Inter',sans-serif;
font-size:0.95rem;
color:var(--black);
background:var(--white);
margin-bottom:16px;
outline:none;
transition:border-color 0.15s;
}

form input:focus,form textarea:focus{
border-color:var(--green-dark);
box-shadow:rgb(134,134,133) 0px 0px 0px 1px inset;
}

form textarea{height:120px;resize:vertical}

.btn{
display:inline-block;
background:var(--green);
color:var(--green-dark);
font-weight:600;
font-size:1rem;
padding:12px 28px;
border-radius:var(--radius-pill);
border:none;
cursor:pointer;
font-family:'Inter',sans-serif;
transition:transform 0.15s;
letter-spacing:-0.1px;
font-feature-settings:"calt";
}

.btn:hover{transform:scale(1.05)}
.btn:active{transform:scale(0.95)}

.btn-outline{
background:transparent;
border:1px solid rgba(14,15,12,0.20);
color:var(--black);
}

.btn-outline:hover{background:var(--surface);transform:scale(1.02)}

footer{
background:var(--black);
color:rgba(255,255,255,0.7);
padding:48px 0 24px;
}

.footer-inner{
display:grid;
grid-template-columns:1.5fr 1fr 1fr;
gap:40px;
margin-bottom:40px;
}

.footer-brand .logo{color:var(--white)}
.footer-brand .logo span{color:var(--green)}
.footer-brand p{font-size:0.85rem;color:rgba(255,255,255,0.5);margin-top:12px;line-height:1.6}

.footer-col h4{
font-size:0.85rem;
font-weight:600;
color:var(--white);
margin-bottom:16px;
letter-spacing:0.5px;
}

.footer-col a{
display:block;
font-size:0.85rem;
color:rgba(255,255,255,0.5);
margin-bottom:8px;
transition:color 0.15s;
}

.footer-col a:hover{color:var(--white)}

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.08);
padding-top:24px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:12px;
}

.footer-bottom p{font-size:0.8rem;color:rgba(255,255,255,0.35)}

.cookie-banner{
position:fixed;
bottom:24px;
left:50%;
transform:translateX(-50%);
background:var(--black);
color:var(--white);
padding:20px 28px;
border-radius:var(--radius-md);
display:flex;
align-items:center;
gap:20px;
z-index:1000;
max-width:680px;
width:calc(100% - 48px);
box-shadow:0 8px 32px rgba(14,15,12,0.25);
}

.cookie-banner p{font-size:0.85rem;color:rgba(255,255,255,0.75);line-height:1.5}

.cookie-banner a{color:var(--green);text-decoration:underline}

.cookie-btns{display:flex;gap:10px;flex-shrink:0}

.cookie-accept{
background:var(--green);
color:var(--green-dark);
border:none;
padding:8px 18px;
border-radius:var(--radius-pill);
font-weight:600;
font-size:0.85rem;
cursor:pointer;
transition:transform 0.15s;
font-family:'Inter',sans-serif;
}

.cookie-accept:hover{transform:scale(1.05)}

.cookie-reject{
background:transparent;
color:rgba(255,255,255,0.6);
border:1px solid rgba(255,255,255,0.2);
padding:8px 18px;
border-radius:var(--radius-pill);
font-weight:600;
font-size:0.85rem;
cursor:pointer;
transition:opacity 0.15s;
font-family:'Inter',sans-serif;
}

.cookie-reject:hover{opacity:0.7}

.article-hero{
padding:48px 0 32px;
background:var(--surface);
}

.article-hero h1{
font-weight:900;
font-size:clamp(1.8rem,4vw,2.8rem);
line-height:1;
letter-spacing:-1px;
color:var(--black);
font-feature-settings:"calt";
margin-bottom:16px;
max-width:760px;
}

.article-meta{
font-size:0.85rem;
color:var(--gray);
display:flex;
gap:16px;
flex-wrap:wrap;
}

.article-meta span{display:flex;align-items:center;gap:4px}

.article-body{
max-width:760px;
margin:0 auto;
padding:48px 24px;
}

.article-body h2{
font-weight:700;
font-size:1.5rem;
color:var(--black);
margin:36px 0 14px;
letter-spacing:-0.5px;
}

.article-body h3{
font-weight:600;
font-size:1.15rem;
color:var(--black);
margin:24px 0 10px;
}

.article-body p{
font-size:1rem;
color:var(--gray-warm);
line-height:1.7;
margin-bottom:16px;
}

.article-body ul,
.article-body ol{
margin:16px 0 16px 20px;
}

.article-body li{
font-size:1rem;
color:var(--gray-warm);
line-height:1.7;
margin-bottom:8px;
}

.article-body img{
width:100%;
border-radius:var(--radius-sm);
margin:24px 0;
box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px;
}

.article-body a{
color:var(--green-dark);
border-bottom:1px solid var(--green);
transition:opacity 0.15s;
}
.article-body a:hover{opacity:0.7}

.breadcrumb{
font-size:0.85rem;
color:var(--gray);
margin-bottom:16px;
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap;
}

.breadcrumb a{color:var(--green-dark)}
.breadcrumb span{color:var(--gray)}

.related{
background:var(--surface);
padding:48px 0;
}

.page-hero{
padding:56px 0 40px;
background:var(--white);
border-bottom:1px solid rgba(14,15,12,0.08);
}

.page-hero h1{
font-weight:900;
font-size:clamp(1.8rem,4vw,3rem);
line-height:0.9;
letter-spacing:-1px;
color:var(--black);
font-feature-settings:"calt";
margin-bottom:12px;
}

.page-hero p{
font-size:1rem;
color:var(--gray-warm);
max-width:560px;
}

.page-body{
max-width:800px;
margin:0 auto;
padding:48px 24px 64px;
}

.page-body h2{
font-weight:700;
font-size:1.4rem;
color:var(--black);
margin:32px 0 12px;
letter-spacing:-0.4px;
}

.page-body h3{
font-weight:600;
font-size:1.1rem;
color:var(--black);
margin:20px 0 8px;
}

.page-body p{
font-size:0.95rem;
color:var(--gray-warm);
line-height:1.7;
margin-bottom:14px;
}

.page-body ul{margin:12px 0 12px 20px}

.page-body li{
font-size:0.95rem;
color:var(--gray-warm);
line-height:1.7;
margin-bottom:6px;
}

.disclaimer{
background:var(--green-light);
border:1px solid rgba(22,51,0,0.15);
border-radius:var(--radius-sm);
padding:20px 24px;
margin-top:32px;
}

.disclaimer p{
font-size:0.875rem;
color:var(--green-dark);
line-height:1.6;
}

@media(max-width:992px){
.articles-grid{grid-template-columns:repeat(2,1fr)}
.regions-grid{grid-template-columns:repeat(2,1fr)}
.info-grid{grid-template-columns:1fr}
.contact-wrap{grid-template-columns:1fr}
.footer-inner{grid-template-columns:1fr 1fr}
}

@media(max-width:576px){
.articles-grid{grid-template-columns:1fr}
.regions-grid{grid-template-columns:1fr 1fr}
.footer-inner{grid-template-columns:1fr}
.header-inner nav{display:none}
.header-inner nav.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--white);border-bottom:1px solid rgba(14,15,12,0.10);padding:16px;gap:4px}
.burger{display:flex}
.cookie-banner{flex-direction:column;gap:16px}
.cookie-btns{width:100%;justify-content:center}
}