:root{
  --ms-bg: #dff5e9;
  --ms-card: #e9f8ef;
  --ms-text: #0c513b;
  --ms-muted: #222;
  --ms-border: #b9e3ca;
  --ms-primary: #12a36e;
  --ms-primary-600:#0f8e60;
  --ms-primary-700:#0c764f;
  --ms-accent:#7bbf6a;
  --ms-shadow: 0 10px 30px rgba(18,163,110,.18);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
background:var(--ms-bg);color:var(--ms-text);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:50;background:rgba(233,248,239,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--ms-border)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ms-text)}
.brand span{font-weight:800;letter-spacing:.2px}
.nav-links{display:flex;gap:20px}
.nav-links a{color:var(--ms-muted);text-decoration:none;font-weight:600;transition:color .15s ease,text-shadow .2s ease}
.nav-links a:hover{color:var(--ms-text);text-shadow:0 0 12px rgba(18,163,110,.3)}
.brand-logo-wrap{position:relative;width:44px;height:44px;display:inline-grid;place-items:center;}
.brand-logo-wrap::before{content:"";position:absolute;inset:-10px;border-radius:999px;background:radial-gradient(60% 60% at 50% 50%,rgba(18,163,110,.4),transparent 70%);
filter:blur(8px);animation:halo 5s ease-in-out infinite;pointer-events:none;}
@keyframes halo{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:.6}}
.brand-logo{width:44px;height:44px;object-fit:contain}
.btn{display:inline-block;padding:11px 18px;border-radius:12px;border:1px solid var(--ms-primary-600);color:#fff;text-decoration:none;font-weight:700;
background:radial-gradient(120% 140% at 20% 20%,rgba(255,255,255,.18),transparent 40%),linear-gradient(180deg,var(--ms-primary),var(--ms-primary-600));
box-shadow:var(--ms-shadow);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;}
.btn:hover{transform:translateY(-1px);filter:saturate(110%) brightness(1.05);box-shadow:0 14px 36px rgba(18,163,110,.3)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.outline{background:#ffffff;color:var(--ms-primary-700);border:1px solid var(--ms-primary-600);box-shadow:0 6px 18px rgba(18,163,110,.12)}
.btn.outline:hover{background:linear-gradient(180deg,#ffffff,#fdfdfd);box-shadow:0 10px 24px rgba(18,163,110,.2)}
.section{padding:70px 0;border-bottom:1px solid var(--ms-border)}
.hero{padding:110px 0 64px;background:radial-gradient(900px 600px at 15% -10%,rgba(123,191,106,.22),transparent 60%),radial-gradient(800px 500px at 100% 10%,rgba(18,163,110,.15),transparent 60%)}
.hero h1{font-size:clamp(32px,4.8vw,56px);line-height:1.08;margin:0 0 12px}
.hero p{color:var(--ms-muted);max-width:760px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(18,163,110,.15);color:#0c513b;border:1px solid rgba(18,163,110,.4);
font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.grid{display:grid;gap:20px}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
@media(max-width:920px){.split{grid-template-columns:1fr}}
.card{background:var(--ms-card);border:1px solid var(--ms-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;
box-shadow:0 6px 18px rgba(18,163,110,.1);transition:transform .15s ease,box-shadow .2s ease;}
.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(18,163,110,.18)}
.card .cover{width:100%;aspect-ratio:16/10;object-fit:cover}
.card .content{padding:16px}
.gallery{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.gallery img{width:100%;height:170px;object-fit:cover;border-radius:12px;border:1px solid var(--ms-border);transition:box-shadow .2s ease,transform .2s ease}
.gallery img:hover{box-shadow:0 12px 30px rgba(18,163,110,.22);transform:translateY(-2px)}
.input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ms-border);background:#fff;color:var(--ms-text);outline:none;
transition:border-color .15s ease,box-shadow .15s ease;}
.input:focus,textarea:focus,select:focus{border-color:var(--ms-primary);box-shadow:0 0 0 4px rgba(18,163,110,.15)}
label{font-weight:700;margin-bottom:6px;display:block}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:720px){form .row{grid-template-columns:1fr}}
.form-status{margin-top:12px;font-size:14px;color:var(--ms-muted)}
.footer{background:#e9f8ef;padding:28px 0;border-top:1px solid var(--ms-border);color:var(--ms-muted)}
.footer a{color:var(--ms-muted);text-decoration:none}
.footer a:hover{color:var(--ms-text);text-shadow:0 0 10px rgba(18,163,110,.22)}
.small{font-size:13px;color:var(--ms-muted)}