/* Zefoy Tools — palette matched to site header screenshot:
   navy #101827 · purple #4b3cc4 / #612ef0 · teal #18e5df / #16bfbc */
:root{
  --zt-navy:#101827;
  --zt-navy2:#1a2438;
  --zt-purple:#4b3cc4;
  --zt-purple2:#612ef0;
  --zt-teal:#18c9c2;
  --zt-teal-bright:#18e5df;
  --zt-bg:#f4f6fa;
  --zt-red:#e0483e;
  --zt-green:#12924a;
  --zt-amber:#b97909;
}
.zt-wrap{max-width:1080px;margin:0 auto;padding:18px 12px;font-family:inherit;color:var(--zt-navy)}
.zt-wrap *{box-sizing:border-box}

/* header band */
.zt-head{background:var(--zt-navy);border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.zt-head-title{color:#fff;font-size:22px;font-weight:700}
.zt-head-sub{color:var(--zt-teal-bright);font-size:14px}

/* notices */
.zt-notice{border-radius:8px;padding:11px 14px;margin:0 0 14px;font-size:15px;border:1px solid transparent}
.zt-ok{background:#e7f7ee;border-color:#bfe6cd;color:var(--zt-green)}
.zt-err{background:#fdecea;border-color:#f5c6c1;color:#a02a23}
.zt-warn{background:#fff6e0;border-color:#f0dfae;color:var(--zt-amber)}

/* dashboard grid */
.zt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.zt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.zt-grid{grid-template-columns:1fr}}
.zt-card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:20px 14px 0;text-align:center;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.zt-card:hover{box-shadow:0 8px 22px rgba(16,24,39,.13);transform:translateY(-2px)}
.zt-card-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--zt-purple),var(--zt-purple2));display:flex;align-items:center;justify-content:center;font-size:26px}
.zt-card-label{color:var(--zt-navy);font-size:17px;font-weight:700}
.zt-badge{font-size:12px;font-weight:600;border-radius:20px;padding:3px 10px}
.zt-badge-on{background:#e2fbf8;color:#0b7a76;border:1px solid #a9ece7}
.zt-badge-off{background:#fdecea;color:var(--zt-red);border:1px solid #f5c6c1}
.zt-card-arrow{margin-top:8px;align-self:stretch;background:var(--zt-teal);color:#fff;font-size:17px;padding:7px 0;border-radius:0 0 4px 4px}
.zt-card.zt-off .zt-card-arrow{background:#c3cad6}
.zt-card.zt-off .zt-card-icon{background:linear-gradient(135deg,#5b6577,#39415a)}

/* captcha gate */
.zt-gate{display:flex;justify-content:center;padding:26px 0}
.zt-gate-card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:24px;width:100%;max-width:430px;text-align:center;box-shadow:0 8px 22px rgba(16,24,39,.08)}
.zt-gate-title{font-size:16px;font-weight:600;margin-bottom:14px;color:var(--zt-navy)}
.zt-captcha-img{border-radius:8px;max-width:100%;height:auto;margin-bottom:14px}
.zt-gate-row{display:flex;gap:8px}
.zt-gate-row input{flex:1;padding:11px 12px;border:1.5px solid #cfd7e4;border-radius:8px;font-size:15px}
.zt-gate-row input:focus{border-color:var(--zt-purple);outline:none;box-shadow:0 0 0 3px rgba(75,60,196,.15)}
.zt-refresh{display:inline-block;margin-top:12px;color:var(--zt-purple);font-size:14px;text-decoration:none}
.zt-refresh:hover{text-decoration:underline}

/* buttons */
.zt-btn{border:none;cursor:pointer;border-radius:8px;font-weight:700}
.zt-btn-check{background:linear-gradient(135deg,var(--zt-purple),var(--zt-purple2));color:#fff;width:52px;font-size:20px}
.zt-btn-main{background:linear-gradient(135deg,var(--zt-purple),var(--zt-purple2));color:#fff;width:100%;padding:13px;font-size:16px;margin-top:10px}
.zt-btn-main:hover{filter:brightness(1.1)}
.zt-btn-main:disabled{opacity:.6;cursor:wait}

/* tool page */
.zt-back{color:var(--zt-purple);text-decoration:none;font-weight:600;display:inline-block;margin-bottom:12px}
.zt-back:hover{text-decoration:underline}
.zt-tool-card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden}
.zt-tool-head{background:var(--zt-navy);padding:16px 20px;display:flex;align-items:center;gap:12px}
.zt-tool-icon{font-size:24px}
.zt-tool-name{color:#fff;font-size:19px;font-weight:700;flex:1}
.zt-tool-body{padding:20px}
.zt-label{display:block;font-weight:600;margin-bottom:7px}
.zt-form input[type=text]{width:100%;padding:12px;border:1.5px solid #cfd7e4;border-radius:8px;font-size:15px}
.zt-form input[type=text]:focus{border-color:var(--zt-purple);outline:none;box-shadow:0 0 0 3px rgba(75,60,196,.15)}
.zt-meta{margin-top:14px;color:#5b6577;font-size:14px;text-align:center}
.zt-timer{text-align:center;font-size:17px;font-weight:600;color:var(--zt-navy);padding:8px 0 2px}
.zt-countdown{color:var(--zt-purple);font-variant-numeric:tabular-nums}
.zt-content{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:20px 22px;margin-top:16px;line-height:1.65}
.zt-ad{margin:14px 0;text-align:center;overflow:hidden}