*{box-sizing:border-box}
body{margin:0;height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:#e9ecdf;color:#193b32;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 5%;background:#fafbf5;border-bottom:1px solid #d8dfce}
h1{font-size:18px;font-weight:600;margin:0}
a{color:inherit;text-decoration:none;font-size:13px}
label{font-size:12px}
select{min-height:44px;padding:8px;border:1px solid #cbd5c0;border-radius:6px;background:#fff;color:#193b32;font:inherit}
p{text-align:center;font-size:12px;line-height:1.8;margin:8px 0;padding:0 16px;color:#62715b}
main{min-width:0;min-height:0;max-height:844px;max-width:calc(100% - 28px);margin:8px auto 20px;background:#fff;box-shadow:0 12px 50px #203f3225;outline:6px solid #193b32;border-radius:23px;overflow:hidden}
main.compact{width:375px}main.standard{width:390px}main.large{width:430px}
iframe{display:block;width:100%;height:100%;border:0}
select:focus-visible,a:focus-visible{outline:3px solid #c79b44;outline-offset:4px}
@media(max-width:480px){header{padding:8px 12px;gap:8px;flex-wrap:wrap}h1{font-size:15px}select{font-size:16px}main{outline:none;border-radius:0;max-width:100%;margin:0 auto;box-shadow:none}p{font-size:12px;margin:6px 0}}