:root{--font: "Manrope", sans-serif;--green: #2F7D3D;--deep-green: #256630;--ink: #0F1117;--muted: #6B7080;--surface-green: #E8F4ED;--border: #EAECF0;--white: #ffffff;--radius: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:var(--white);font-size:15px;font-weight:600;padding:12px 24px;border-radius:var(--radius);transition:background .15s}.btn-primary:hover{background:var(--deep-green)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--white);color:var(--ink);font-size:15px;font-weight:600;padding:11px 24px;border-radius:var(--radius);border:1.5px solid var(--border);transition:border-color .15s}.btn-secondary:hover{border-color:var(--green);color:var(--green)}.btn-ghost{background:transparent;color:var(--muted);font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius);transition:background .15s,color .15s}.btn-ghost:hover{background:var(--surface-green);color:var(--green)}.pill{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.pill-green{background:var(--surface-green);color:var(--green)}.pill-yellow{background:#fef9c3;color:#a16207}.pill-red{background:#fee2e2;color:#b91c1c}.pill-gray{background:#f1f5f9;color:var(--muted)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--ink);outline:none;transition:border-color .15s}.input:focus{border-color:var(--green)}.label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}[data-theme=dark]{--ink: #FFFFFF;--muted: rgba(255,255,255,.45);--white: #0F1117;--border: rgba(255,255,255,.1);--surface-green: rgba(47,125,61,.18);color:#fff;background:#0f1117}[data-theme=dark] .section{background:#0f1117}[data-theme=dark] .card{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .input{background:#ffffff0d;border-color:#ffffff1f;color:#fff}[data-theme=dark] .input::placeholder{color:#ffffff40}[data-theme=dark] .input:focus{border-color:#6fcf8199}[data-theme=dark] .label{color:#ffffffb3}[data-theme=dark] .btn-secondary{background:#ffffff0f;border-color:#ffffff24;color:#fffc}[data-theme=dark] .btn-secondary:hover{border-color:#6fcf81;color:#6fcf81}[data-theme=dark] .btn-ghost{color:#ffffff73}[data-theme=dark] .btn-ghost:hover{background:#ffffff0f;color:#6fcf81}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 480px){.product-grid{gap:16px}}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}