:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#203a36;background:#f2f8f5}*{box-sizing:border-box}body{margin:0}header{background:white;display:flex;align-items:center;justify-content:space-between;padding:18px max(5%,calc((100% - 960px)/2));gap:12px;box-shadow:0 1px 8px #143b2c18}.brand{color:#086e55;font-size:1.3rem}nav{display:flex;gap:14px}a{color:#086e55}nav a{text-decoration:none;font-weight:650;font-size:.9rem}main{max-width:960px;margin:auto;padding:20px 16px 55px}.hero{background:linear-gradient(115deg,#084c3d,#0a8a65);color:white;border-radius:22px;padding:38px 30px;margin-bottom:20px}.hero small{letter-spacing:.18em}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:12px 0}.hero p{max-width:650px;line-height:1.6}.card{background:#fff;padding:26px;border:1px solid #dce8e2;border-radius:22px;margin:18px 0;box-shadow:0 8px 25px #143b2c0b}h2{margin-top:0}h3{margin-top:28px}label{display:block;font-weight:650;margin:14px 0}input,select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #b7d1c5;border-radius:11px;background:#fff;color:#17372d;font:inherit}button,.button{background:#08785b;border:0;border-radius:11px;color:white;padding:13px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}.secondary{background:#e7f3ec;color:#086e55}.slots{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.slot{background:#e9f5ef;color:#07543f;border:1px solid #9dc9b7}.slot.selected{background:#08785b;color:white}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.item{padding:13px 0;border-bottom:1px solid #e5eee9;overflow-wrap:anywhere}.item button{margin:4px}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tabs{display:flex;gap:10px;margin-bottom:20px}#msg:not(:empty){padding:14px;border-radius:10px;background:#e4f4e9;color:#15583f;margin:10px 0}footer{text-align:center;padding:24px;color:#6b827a}@media(max-width:600px){header{padding:15px}nav{gap:8px}.card{padding:20px}.triple{grid-template-columns:1fr}.hero{padding:28px 20px}}

.beta{text-align:center;background:#fff2d6;color:#784c08;padding:10px 16px;font-size:.88rem;font-weight:750;border-bottom:1px solid #efcf85}
