@font-face{font-family:"WSP";src:url("fonty/WhatSoundPoundsPL-Regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:400;src:url("fonty/Montserrat-Regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:500;src:url("fonty/Montserrat-Medium.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:600;src:url("fonty/Montserrat-SemiBold.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:700;src:url("fonty/Montserrat-Bold.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:800;src:url("fonty/Montserrat-ExtraBold.woff2") format("woff2");font-display:swap}

:root{
  --dark:#003d2e; --dark2:#062a20; --olive:#95b413; --olive-d:#7a9410; --olive-l:#b5d13a;
  --tint:#eef3dc; --cream:#faf9f4; --line:#dfe7c8; --text:#29352f; --muted:#5d6b63;
  --danger:#c0392b; --radius:18px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);line-height:1.5;background:var(--dark2)}
.disp{font-family:"WSP","Montserrat",sans-serif;font-weight:400;line-height:1;letter-spacing:.01em}
a{color:var(--olive-d)}
button{font:inherit;cursor:pointer}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--olive)}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--olive);color:#fff;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border-radius:99px}

/* tło ze zdjęciem */
.bg{position:fixed;inset:0;z-index:-1;background:url("tlo.jpg") 50% 40%/cover no-repeat}
.bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse at 20% 30%,rgba(0,61,46,.55),transparent 60%),
  linear-gradient(180deg,rgba(0,26,19,.80) 0%,rgba(0,38,28,.86) 55%,rgba(4,30,22,.95) 100%)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;background:var(--olive);color:#fff;font-weight:800;font-size:17px;letter-spacing:.02em;padding:17px 28px;transition:background .15s,transform .1s;text-decoration:none}
.btn:hover{background:var(--olive-d)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.6;cursor:progress}
.btn.ghost{background:transparent;color:var(--dark);border:1.5px solid var(--line)}
.btn.ghost:hover{background:var(--tint)}

.field{display:block;width:100%;font:inherit;font-size:18px;color:var(--text);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:15px 16px;outline:none;transition:border-color .15s,box-shadow .15s}
.field:focus{border-color:var(--olive);box-shadow:0 0 0 4px rgba(149,180,19,.2)}
.field.invalid{border-color:var(--danger)}

/* checkboxy */
.check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.45}
.check input{appearance:none;-webkit-appearance:none;flex:0 0 26px;width:26px;height:26px;margin:0;border:2px solid #b9c79a;border-radius:7px;background:#fff center/16px no-repeat;cursor:pointer;transition:background-color .12s,border-color .12s}
.check input:checked{background-color:var(--olive);border-color:var(--olive);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E")}
.check input:focus-visible{outline:3px solid rgba(149,180,19,.45);outline-offset:2px}
.check.invalid input{border-color:var(--danger)}
.check a{font-weight:700}

/* okno modalne */
dialog.modal{width:min(760px,calc(100vw - 24px));max-height:min(86vh,900px);border:0;border-radius:var(--radius);padding:0;box-shadow:0 30px 80px rgba(0,0,0,.45);color:var(--text)}
dialog.modal::backdrop{background:rgba(2,20,14,.7);backdrop-filter:blur(2px)}
.modal-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--dark);color:#fff;padding:14px 18px 14px 24px}
.modal-head b{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.modal-x{border:0;background:rgba(255,255,255,.12);color:#fff;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1}
.modal-body{padding:8px 28px 28px;font-size:14.5px}
.modal-body h2{font-size:22px;color:var(--dark);margin:18px 0 6px}
.modal-body h3{font-size:14px;color:var(--olive-d);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 6px}
.modal-body ol,.modal-body ul{padding-left:20px;margin:6px 0}
.modal-body li{margin:5px 0}