@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#17221e;background:#f8f9f6;font-synthesis:none;text-rendering:optimizeLegibility;--green:#123d32;--lime:#d5f36a;--bg:#f8f9f6;--surface:#fff;--text:#17221e;--muted:#748078;--line:#e6ebe5;--shadow:0 8px 32px rgba(25,51,37,.08)}
:root[data-theme="dark"]{color-scheme:dark;color:#edf2ed;background:#101a16;--green:#1e4b3f;--lime:#d5f36a;--bg:#101a16;--surface:#17231e;--text:#edf2ed;--muted:#a5b1a9;--line:#2b3830;--shadow:0 8px 32px rgba(0,0,0,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.page-header{height:74px;background:var(--surface);border-bottom:1px solid var(--line)}
.page-header-inner{height:100%;max-width:1240px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-brand{display:inline-flex;align-items:center;gap:9px;font:800 20px Manrope,sans-serif;letter-spacing:-.8px}
.page-brand-mark{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--green)}
.page-brand-light{font-weight:500;color:var(--muted)}
.page-back{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--green);font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s}
.page-back:hover{background:#f0f5ed;border-color:#cbd8c9}
.page-back:focus-visible,.page-inline-link:focus-visible,.page-footer a:focus-visible{outline:3px solid #86a946;outline-offset:3px}
.page-main{width:min(820px,calc(100% - 44px));margin:50px auto 72px}
.page-card{padding:clamp(26px,5vw,54px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.page-kicker{margin:0 0 11px;color:#78867e;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.page-card h1{margin:0 0 14px;font:400 clamp(34px,5vw,44px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.8px;color:var(--text)}
.page-card h2{margin:30px 0 9px;font:600 17px/1.4 Manrope,sans-serif;letter-spacing:-.2px;color:var(--text)}
.page-card p{margin:0 0 15px;color:var(--muted);font-size:14px;line-height:1.8}
.page-card p:last-child{margin-bottom:0}
.page-card small,.page-updated{color:var(--muted);font-size:11px;line-height:1.6}
.page-updated{display:block;margin:0 0 24px}
.page-inline-link{color:#345b42;text-decoration:underline;text-decoration-color:#b7c5b7;text-underline-offset:3px}
.page-inline-link:hover{color:var(--green);text-decoration-color:currentColor}
.page-footer{min-height:82px;border-top:1px solid var(--line);display:flex;align-items:center;gap:19px;padding:18px max(calc((100% - 1240px)/2),5.5%);color:var(--muted);font-size:11px}
.page-footer .page-brand{font-size:16px;color:var(--text)}
.page-footer .page-brand-mark{width:26px;height:26px}
.page-footer-nav{display:flex;flex-wrap:wrap;gap:19px;margin-left:auto}
.page-footer a:hover{color:var(--green)}
.page-copyright{padding-left:17px;border-left:1px solid var(--line);white-space:nowrap}
.support-page-card{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:auto auto;align-items:center;column-gap:36px;row-gap:18px}
.support-page-copy{max-width:540px;grid-column:1;grid-row:1 / span 2}
.support-page-button{grid-column:2;grid-row:2;justify-self:center;min-height:44px;margin-top:0;padding:0 17px;border-radius:6px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;transition:background .16s,transform .16s}
.support-page-button:hover{background:#205646;transform:translateY(-1px)}
.support-page-qr{width:210px;grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-align:center}
.support-page-qr img{display:block;width:190px;height:190px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
.support-page-qr:hover{color:var(--text)}
@media(max-width:700px){.page-header{height:68px}.page-header-inner{padding:0 18px}.page-brand{font-size:18px}.page-brand-mark{width:29px;height:29px}.page-back{min-height:42px;padding:0 11px}.page-main{width:calc(100% - 36px);margin:28px auto 42px}.page-card{padding:25px 21px}.page-card h1{font-size:34px}.page-card h2{font-size:16px}.page-card p{font-size:13px}.page-footer{display:grid;grid-template-columns:1fr auto;gap:10px 14px;padding:20px 18px}.page-footer>span:nth-child(2){grid-column:1/-1;grid-row:2}.page-footer-nav{grid-column:1/-1;grid-row:3;margin:2px 0 0;gap:12px 18px}.page-copyright{display:none}}
@media(max-width:700px){.support-page-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:24px}.support-page-copy{grid-column:1;grid-row:1}.support-page-qr{grid-column:1;grid-row:2;width:100%;align-items:center;text-align:center}.support-page-qr img{width:min(220px,100%);height:auto;aspect-ratio:1}.support-page-button{grid-column:1;grid-row:3;justify-self:center}}
:root[data-theme="dark"] .page-back{background:#1e3027;border-color:#52695a;color:#dce9af}
:root[data-theme="dark"] .page-back:hover{background:#26382d;border-color:#bfd78b;color:#eef7c5}
:root[data-theme="dark"] .page-inline-link,:root[data-theme="dark"] .page-footer a:hover{color:#dce9af}
:root[data-theme="dark"] .support-page-button{background:#dce9af;color:#17382e}
:root[data-theme="dark"] .support-page-button:hover{background:#e8f2c6}