body{box-sizing:border-box;margin:0;padding:32px 0;font-family:Arial,sans-serif;background:url('site.png') center/cover fixed no-repeat;display:flex;justify-content:center;align-items:center;min-height:100vh}
.overlay{position:fixed;inset:0;background:rgba(20,90,45,.72);backdrop-filter:blur(6px)}
.card{position:relative;z-index:1;width:min(92%,520px);box-sizing:border-box;background:#ffffffee;border-radius:24px;padding:24px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.logo{width:150px;border-radius:50%;margin-top:-10px}
h1{margin:12px 0 4px;color:#176b35}
p{margin:0 0 18px}
.btn{display:block;background:#1d7d40;color:#fff;text-decoration:none;padding:15px;border-radius:14px;margin:12px 0;font-size:18px;font-weight:bold}
.btn:hover{background:#155f30}
.faq{margin-top:34px;text-align:right}
.faq-heading{position:relative;margin-bottom:14px;padding-right:16px;border-right:4px solid #d5a72f}
.faq-kicker{display:block;margin-bottom:3px;color:#78621f;font-size:12px;font-weight:700;letter-spacing:.04em}
.faq h2{margin:0;color:#176b35;font-size:28px;line-height:1.15}
.faq-list{display:grid;gap:10px}
.faq details{overflow:hidden;background:#f7f3e8;border:1px solid #e5ddc9;border-radius:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.faq details:hover{transform:translateY(-1px);border-color:#cfbe91;box-shadow:0 8px 18px rgba(44,72,44,.08)}
.faq details[open]{border-color:#b7cbaf;background:#f8fbf6}
.faq summary{position:relative;padding:17px 18px 17px 48px;color:#25452d;font-size:16px;font-weight:700;line-height:1.45;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;left:19px;top:50%;width:14px;height:2px;border-radius:2px;background:#1d7d40;transform:translateY(-50%);transition:transform .2s ease}
.faq summary::after{transform:translateY(-50%) rotate(90deg)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(0)}
.faq summary:focus-visible{outline:3px solid rgba(213,167,47,.55);outline-offset:-4px;border-radius:12px}
.faq details p{margin:0;padding:0 18px 18px;color:#4c514d;font-size:15px;line-height:1.7}
footer{margin-top:16px;color:#444;font-size:14px}
@media (max-width:560px){body{padding:18px 0;align-items:flex-start}.card{padding:20px 16px;border-radius:20px}.faq{margin-top:28px}.faq h2{font-size:25px}.faq summary{padding-right:15px;font-size:15px}.faq details p{padding-right:15px;padding-left:15px}}
@media (prefers-reduced-motion:reduce){.faq details,.faq summary::before,.faq summary::after{transition:none}}