:root{font-family:"Nunito","Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#19343a;background:#f0f5f4;color-scheme:light;--accent:#12655e;--line:#cddbd8}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
main{max-width:1000px;margin:0 auto;padding:32px clamp(20px,5vw,64px) 64px}
header{display:flex;align-items:center;gap:11px;font-weight:700}
.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:white;background:var(--accent)}
.intro{padding:54px 0 30px}
h1{font-size:clamp(32px,7vw,56px);line-height:1.13;letter-spacing:-.04em;margin:0 0 12px}
p{color:#4a6469;line-height:1.55}
#session{min-height:25px;margin:0 0 17px}
a,button{-webkit-tap-highlight-color:transparent}
.primary,.secondary{display:inline-flex;align-items:center;min-height:42px;border-radius:8px;border:1px solid var(--accent);padding:0 14px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.primary{color:#fff;background:var(--accent)}
.secondary{color:var(--accent);background:transparent}
.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
article{display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}
h2{font-size:21px;margin:0 0 3px}
article p{margin:5px 0 20px}
article a{margin-top:auto;color:var(--accent);font-weight:700;text-decoration:none;padding:6px 0}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid #208b7a;outline-offset:3px}
@media(max-width:620px){main{padding-top:24px}.intro{padding-top:36px}.panels{grid-template-columns:1fr}article{padding:18px}article p{margin-bottom:9px}}