:root{
  --green:#6ABF2A; --green-2:#5AAF1E; --green-3:#8BD34A;
  --ink:#1F1F1F; --ink-2:#4a4a4a; --muted:#8a8a8a;
  --bg:#F6F8F2; --card:#ffffff; --line:#ECEFE6;
  --shadow:0 10px 30px rgba(40,60,20,.06);
  --radius:20px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:'Montserrat',system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;overflow-x:hidden;position:relative}
body::before,body::after{
  content:"";position:absolute;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(138,203,70,.18) 0%,rgba(138,203,70,0) 70%);
}
body::before{width:900px;height:900px;top:-400px;right:-300px}
body::after{width:700px;height:700px;bottom:-350px;left:-250px;background:radial-gradient(circle,rgba(138,203,70,.12) 0%,rgba(138,203,70,0) 70%)}
@media (max-width:640px){
  body::before{width:500px;height:500px;top:-250px;right:-200px}
  body::after{width:400px;height:400px;bottom:-200px;left:-150px}
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
@media (max-width:640px){.container{padding:0 16px}}
.accent{color:var(--green)}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:14px;font-weight:700;font-size:15px;
  border:0;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background;
  white-space:nowrap;
}
.btn--primary{
  background:linear-gradient(180deg,#8BD34A,#5AAF1E);color:#fff;
  box-shadow:0 8px 18px rgba(106,191,42,.35);
}
.btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(106,191,42,.45)}
.btn--ghost{background:#F3F8EA;color:var(--green);border:1px solid #DFEAC9}
.btn--ghost:hover{background:#EAF5DD}
.btn--danger{background:#fff1f0;color:#c23b2a;border:1px solid #f5d5d0}
.btn--danger:hover{background:#ffe4e1}
.btn--xl{padding:18px 30px;font-size:17px;border-radius:16px}
@media (max-width:640px){
  .btn{padding:10px 14px;font-size:12px}
  .btn--xl{padding:12px 18px;font-size:13px}
}