:root{--green:#0b8a3e;--green-d:#06602b;--red:#d3222a;--ink:#16241b;--mute:#5b6b61;--paper:#f4fbf6;--line:#d8eadd}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--paper);min-height:100vh;min-height:100dvh;line-height:1.5}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--green);outline-offset:2px}
#zam-loader{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .45s}
#zam-loader.done{opacity:0;pointer-events:none}
#zam-loader img{animation:zl-pop 1.4s ease-in-out infinite}
#zam-loader p{color:var(--green-d);font-weight:600;letter-spacing:.04em}
.zl-bar{width:150px;height:5px;border-radius:5px;background:var(--line);overflow:hidden}
.zl-bar span{display:block;height:100%;width:40%;border-radius:5px;background:linear-gradient(90deg,var(--green),var(--red));animation:zl-run 1s ease-in-out infinite}
@keyframes zl-run{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@keyframes zl-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
#zam-toasts{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:9998;display:flex;flex-direction:column;gap:10px;width:min(92vw,400px)}
.zt{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:14px;background:#fff;border-left:5px solid var(--green);box-shadow:0 10px 30px rgba(6,60,30,.18);opacity:0;transform:translateY(-14px);transition:.3s}
.zt.show{opacity:1;transform:none}
.zt i{margin-top:3px}
.zt-ok i{color:var(--green)}
.zt-err{border-left-color:var(--red)}
.zt-err i{color:var(--red)}
.zt-warn{border-left-color:#e0a100}
.zt-warn i{color:#e0a100}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body{background:linear-gradient(160deg,#ffffff 0%,#eaf8ee 55%,#fdecec 100%);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.shell{min-height:100dvh;display:grid;gap:24px;align-content:center;padding:76px 16px 32px;max-width:1040px;margin:auto}
.brand{text-align:center}
.brand img{margin:0 auto 12px;filter:drop-shadow(0 8px 16px rgba(6,60,30,.2))}
.brand h1{font-size:clamp(1.35rem,4.5vw,2.1rem);line-height:1.2;color:var(--green-d);max-width:18ch;margin:0 auto 14px}
.brand ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.brand li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.9rem}
.brand li i{color:var(--red);margin-right:4px}
.card{position:relative;background:#fff;border-radius:24px;padding:22px;box-shadow:0 20px 50px rgba(6,60,30,.14);border:1px solid var(--line);width:100%;max-width:460px;margin:auto;overflow:hidden;animation:rise .6s ease both}
.card::before{content:"";position:absolute;inset:0;background:url(https://i.imgur.com/d6TxLMp.png) center/70% no-repeat;opacity:.06;pointer-events:none}
.card>*{position:relative}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#eef6f0;border-radius:14px;padding:5px;margin-bottom:18px}
.tab{border:0;background:transparent;padding:11px;border-radius:10px;cursor:pointer;font-weight:600;color:var(--mute);transition:.2s}
.tab.on{background:var(--green);color:#fff;box-shadow:0 6px 14px rgba(11,138,62,.35)}
form{display:grid;gap:14px}
form[hidden]{display:none}
.f span{display:block;font-size:.85rem;font-weight:600;margin-bottom:5px;color:var(--green-d)}
.in{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;transition:.2s}
.in:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(11,138,62,.12)}
.in>i{color:var(--green)}
.in input,.in select{flex:1;min-width:0;border:0;background:transparent;padding:13px 0;outline:0;font-size:16px}
.eye{border:0;background:transparent;cursor:pointer;color:var(--mute);padding:8px}
.forget{justify-self:end;color:var(--red);font-size:.88rem;text-decoration:none;font-weight:600}
.btn{border:0;border-radius:14px;padding:14px;font-weight:700;font-size:1rem;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--green),var(--green-d));box-shadow:0 10px 22px rgba(11,138,62,.32);transition:transform .15s,opacity .2s}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.6;cursor:wait}
@media (min-width:880px){
  .shell{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-top:40px}
  .brand{text-align:left}
  .brand img{margin-left:0}
  .brand h1,.brand ul{margin-left:0;justify-content:flex-start}
  .card{padding:30px}
}

.hd{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:100;margin:8px auto 0;width:min(96%,1100px);display:flex;align-items:center;gap:10px;padding:7px 10px 7px 14px;border-radius:999px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--green),var(--red)) border-box;box-shadow:0 10px 30px rgba(6,60,30,.15)}
.hd img{width:40px;height:40px}
.hd b{color:var(--green-d);flex:1;font-size:1.05rem}
.hd .lg{display:none}
.ibtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green-d);display:grid;place-items:center;cursor:pointer;text-decoration:none}
.drawer{position:fixed;inset:0;z-index:600;display:none}
.drawer.on{display:block}
.drawer .shade{position:absolute;inset:0;background:rgba(6,40,20,.4)}
.drawer nav{position:absolute;right:0;top:0;bottom:0;width:min(84vw,320px);background:#fff;padding:max(16px,env(safe-area-inset-top)) 18px 18px;overflow:auto;animation:slide .3s ease}
.drawer nav::before{content:"";position:absolute;inset:0;background:url(https://i.imgur.com/d6TxLMp.png) center/80% no-repeat;opacity:.07;pointer-events:none}
.drawer nav>*{position:relative}
@keyframes slide{from{transform:translateX(100%)}to{transform:none}}
.drawer .x{margin-left:auto;display:grid}
.drawer a{display:flex;gap:12px;align-items:center;padding:13px 12px;margin-top:8px;border-radius:14px;text-decoration:none;color:var(--ink);font-weight:600;border:1px solid var(--line);background:#fff}
.drawer a i{color:var(--green);width:22px;text-align:center}
.drawer a.cur{border-color:var(--green);background:#eaf8ee}
.drawer a.pri{background:var(--green);color:#fff}
.drawer a.pri i{color:#fff}
.float{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:90;display:grid;gap:10px}
.float a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.5rem;text-decoration:none;box-shadow:0 10px 22px rgba(0,0,0,.25)}
.float .wa{background:#25d366}
.float .call{background:var(--red)}
.hd{animation:drop .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes drop{from{transform:translateY(-80px);opacity:0}}
.float a{animation:bob 3s ease-in-out infinite}
.float .call{animation-delay:-1.5s}
@keyframes bob{50%{transform:translateY(-6px)}}
.brandlink{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none}
.hd .lg .btn{display:inline-block;padding:9px 16px;font-size:.9rem;border-radius:999px;text-decoration:none;color:#fff}
.hd .lg .btn.line{background:#fff;color:var(--green-d);border:2px solid var(--green);box-shadow:none}
@media (min-width:860px){.hd .lg{display:flex;gap:8px}}
html{overflow-x:hidden}
.shell{padding:22px 16px 40px}
form{grid-template-columns:minmax(0,1fr)}
.f{min-width:0;display:block}
.in{min-width:0;width:100%}
.in input,.in select{width:0;flex:1 1 0;min-width:0}
.forget{justify-self:end}
@media (min-width:880px){.shell{padding-top:30px}}