@font-face{font-family:"Satoshi";src:url(fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url(fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url(fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Zalando Sans Expanded";src:url(fonts/ZalandoSansExpanded-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Zalando Sans Expanded";src:url(fonts/ZalandoSansExpanded-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --forest:#1C3D0D; --forest-2:#27501A; --deep:#0F2306;
  --lime:#8ED747; --lime-soft:#B5E49F; --sage:#647E58;
  --paper:#F4F6F1; --paper-2:#E8EDE2; --white:#fff;
  --ink:#14210E; --text:#26331F; --muted:#5E6B57;
  --line:rgba(28,61,13,.12); --line-2:rgba(28,61,13,.2);
  --danger:#B42318; --warn:#B7791F;
  --f-display:"Zalando Sans Expanded","Satoshi",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Satoshi",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:.9rem; --r-sm:.6rem;
  --shadow:0 1px 2px rgba(20,33,14,.06),0 8px 24px rgba(20,33,14,.08);
  --shadow-lg:0 2px 6px rgba(20,33,14,.08),0 24px 60px rgba(20,33,14,.18);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--f-body);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--forest)}
h1,h2,h3{font-family:var(--f-display);color:var(--ink);letter-spacing:-.01em;line-height:1.1;margin:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.7rem 1.2rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.btn-primary{background:var(--forest);color:var(--white)}
.btn-primary:hover{background:var(--forest-2)}
.btn-lime{background:var(--lime);color:var(--deep)}
.btn-lime:hover{background:#9fe05e}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn-ghost:hover{background:var(--paper-2)}
.btn-sm{padding:.45rem .85rem;font-size:.85rem}
.btn:disabled{opacity:.5;cursor:default}
.btn svg{width:1.05em;height:1.05em;flex:none}

.field{display:block;width:100%;border:1px solid var(--line-2);background:var(--white);border-radius:var(--r-sm);padding:.65rem .8rem;outline:0;transition:border-color .15s,box-shadow .15s}
.field:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(142,215,71,.35)}
textarea.field{resize:vertical;min-height:4.5rem}
label.lbl{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin:.8rem 0 .3rem}

.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.logo img{height:30px;width:auto}
.logo b{font-family:var(--f-display);font-size:.95rem;letter-spacing:-.01em}
.logo span{display:inline-block;background:var(--lime);color:var(--deep);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:700;margin-left:.1rem}

.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,1rem);background:var(--ink);color:var(--white);padding:.7rem 1.1rem;border-radius:999px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;z-index:1000}
.toast.show{opacity:1;transform:translate(-50%,0)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
