@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format('woff2')}
:root{--brand:#1b5e42;--brand-deep:#14472f;--fg:#17332a;--muted:#5d7166;--line:#d3e0d8;--sunk:#f2f5f3;--soft:#eeeaf3;--gold:#D4A843;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--fg);font:16px/1.6 'Manrope',system-ui,sans-serif}
.pw{max-width:880px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:40px}
.ph{display:flex;justify-content:space-between;align-items:center}
.ph .lang{color:var(--brand);font-weight:600;text-decoration:none}
.hero h1{font-size:clamp(2rem,5vw,2.9rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em;text-wrap:balance}
.hero p{font-size:1.15rem;color:var(--muted);margin:0 0 16px;max-width:60ch}
.hero ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hero li{background:var(--sunk);border-radius:12px;padding:12px 14px 12px 40px;position:relative;font-size:.95rem}
.hero li::before{content:"";position:absolute;left:14px;top:17px;width:14px;height:8px;border-left:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);transform:rotate(-45deg)}
h2{font-size:1.4rem;margin:0 0 14px}
.demo{background:var(--soft);border-radius:20px;padding:20px}
.form form{display:flex;flex-direction:column;gap:14px;max-width:560px}
label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.95rem}
input,select{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--fg)}
input:focus,select:focus,button:focus{outline:2px solid var(--gold);outline-offset:2px}
fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}
legend{font-weight:600;font-size:.95rem;padding:0 4px}
.ck{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400}
.ck input{margin-top:5px}
.agree{font-size:.9rem;color:var(--muted)}
.rules{font-size:.85rem;color:var(--muted);margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
button{font:inherit;font-weight:700;background:var(--brand);color:#fff;border:0;border-radius:12px;padding:12px 20px;cursor:pointer;align-self:flex-start}
button:hover{background:var(--brand-deep)}button:disabled{opacity:.6}
#pmsg.ok{background:var(--sunk);border-left:4px solid var(--brand);padding:12px 14px;border-radius:8px}
#pmsg.err{color:#a3261f}
.pfoot{font-size:.85rem;color:var(--muted)}.pfoot a{color:var(--muted)}
@media (max-width:640px){.hero ul{grid-template-columns:minmax(0,1fr)}}
