/* OfferZono Site Script — navbar menu + home page */
.ow-menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.ow-menu a{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;color:var(--mut);font-size:12.5px;font-weight:600;white-space:nowrap}
.ow-menu a:hover,.ow-menu a.on{color:#fff;background:rgba(99,102,241,.12)}
.ow-menu a i{font-size:11.5px;color:var(--ind)}
.ow-ibtn.ow-dots{display:none;flex-direction:column;gap:3px}
.ow-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;display:block}
.ow-mdd{position:absolute;right:12px;top:calc(100% + 4px);width:210px;background:var(--panel-solid);border:1px solid var(--line3);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:45;display:none}
.ow-mdd.open{display:block;animation:mIn .14s ease-out}
.ow-mdd a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--txt2);font-size:12.5px;font-weight:500}
.ow-mdd a:hover,.ow-mdd a.on{background:rgba(30,41,59,.8);color:#fff}
.ow-mdd a i{width:15px;text-align:center;color:var(--ind)}
@media(max-width:760px){.ow-menu{display:none}.ow-ibtn.ow-dots{display:flex}}

/* ---------- home page ---------- */
.fs-home .ow-nav{padding:11px max(18px,calc((100% - 1180px)/2 + 18px))}
.fs-home .hero{padding:56px 0 50px}
.fs-home .hero h1 .grad-txt{display:inline}
.fs-tile{width:128px;height:128px;border-radius:34px;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:60px;color:#fff;letter-spacing:-.04em;box-shadow:0 24px 50px -16px rgba(239,68,68,.55),inset 0 -6px 0 rgba(0,0,0,.12)}
.art .fs-tile.logo-big{width:128px;height:128px;filter:none}
.fs-stats .s-v{font-size:24px}
.fs-sec-h{text-align:center;max-width:620px;margin:0 auto 30px}
.fs-sec-h h2{font-size:28px;margin:12px 0 8px}
.fs-sec-h p{color:var(--mut);font-size:13.5px;line-height:1.65}
.fs-feat{padding:20px}
.fs-feat .ic{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:12px;background:rgba(99,102,241,.12);border:1px solid var(--line2);color:var(--ind)}
.fs-feat b{display:block;font-size:14px;margin-bottom:5px}
.fs-feat p{color:var(--mut);font-size:12.5px;line-height:1.6}
.fs-rate{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.fs-faq{max-width:820px;margin:0 auto}
.fs-home .ow-join{margin-top:6px}
.fs-home .ow-jstep{padding:20px 14px}
.fs-home .ow-jstep b{font-size:13px}
.fs-home .ow-jstep span{font-size:11.5px}
@media(max-width:640px){.fs-home .hero{padding:30px 0 34px}.fs-sec-h h2{font-size:23px}.fs-tile{width:96px;height:96px;font-size:44px;border-radius:26px}.art .fs-tile.logo-big{width:96px;height:96px}}
@media(max-width:900px){.fs-home .art{order:0}}

/* ---------- v3: install / admin login ---------- */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}
.auth-card{width:100%;max-width:360px;padding:28px 24px;position:relative}
/* ---------- v3: banner slots (Admin -> Ads Setup) ---------- */
.zad{position:relative;width:100%;margin:0 auto 16px;overflow:hidden}
.zad iframe{position:absolute;left:50%;top:0;border:0;max-width:none;transform:translateX(-50%);transform-origin:top center}
.zad-bottom{margin:18px auto 0}
.zad-side{margin:0 auto}
/* ---------- v3: admin ---------- */
.codebox{position:relative;background:#020617;border:1px solid var(--line3);border-radius:var(--r-sm);padding:10px 44px 10px 12px;font-family:"DejaVu Sans Mono",ui-monospace,monospace;font-size:11px;color:#a5b4fc;word-break:break-all;line-height:1.55}
.codebox .btn{position:absolute;right:6px;top:6px}
.code-tabs{display:flex;gap:6px;margin-bottom:8px}
.code-tabs button{padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--mut);font:600 11px Inter,sans-serif;cursor:pointer}
.code-tabs button.on{background:rgba(99,102,241,.14);border-color:var(--ind2);color:#c7d2fe}
.side-admin nav a .s-cnt{background:rgba(99,102,241,.2);color:#c7d2fe}

/* ---------- Login with FaucetPay (modal) + Account page ---------- */
.btn-fp{background:linear-gradient(135deg,#1e40af,#2563eb);border-color:transparent;color:#fff}
.btn-fp:hover{color:#fff;filter:brightness(1.08)}
.fp-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#fff;color:#1d4ed8;font:800 10px/1 Inter,sans-serif;letter-spacing:-.02em;flex-shrink:0}
.fp-ic.lg{width:46px;height:46px;border-radius:13px;font-size:16px;box-shadow:0 10px 24px -10px rgba(37,99,235,.8)}
.fpm{position:fixed;inset:0;z-index:9999;background:rgba(2,6,23,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}
.fpm[hidden]{display:none}
.fpm-box{width:100%;max-width:400px;padding:22px 20px 18px;position:relative;max-height:calc(100vh - 32px);overflow-y:auto;text-align:left}
.fpm-x{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--mut);font-size:18px;line-height:1;cursor:pointer}
.fpm-hd{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:30px}
.fpm-hd h3{font-size:17px;margin:0}.fpm-hd p{margin:2px 0 0;color:var(--mut);font-size:12px}
.fpm-fl{display:block;margin-bottom:12px}
.fpm-fl>span:first-child{display:block;font-size:12px;font-weight:600;color:var(--txt2);margin-bottom:6px}
.fpm-fl input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line2);background:rgba(2,6,23,.6);color:var(--txt);font:500 14px Inter,sans-serif;box-sizing:border-box}
.fpm-fl input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.fpm-pw{position:relative;display:block}.fpm-pw input{padding-right:42px}
.fpm-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:var(--mut);cursor:pointer}
.fpm-note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.25);color:#bfdbfe;font-size:11.5px;line-height:1.55;margin-bottom:10px}
.fpm-note i{color:#60a5fa;margin-top:2px}
.fpm-err{min-height:18px;color:#f87171;font-size:12px;margin-bottom:8px}
.acc-r{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(2,6,23,.35);margin-bottom:10px;flex-wrap:wrap}
.acc-r .ic{width:40px;height:40px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.acc-r .tx{flex:1;min-width:160px}.acc-r .tx b{display:block;font-size:14px}.acc-r .tx small{display:block;color:var(--mut);font-size:12px}
.acc-ok{display:inline-flex;align-items:center;gap:6px;color:var(--grn);font-size:12.5px;font-weight:700}