@import url('https://fonts.googleapis.com/css2?family=Suez+One&family=Heebo:wght@300;400;600;800&display=swap');
:root{
  --ink:#16120f; --ink2:#221c17; --paper:#f1e8d4; --paper2:#e4d6b8; --rust:#c4532d; --rust2:#e0703f;
  --teal:#2c7c77; --muted:#8d8170; --line:#3a3029;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{font-family:Heebo,system-ui,sans-serif;background:var(--ink);color:var(--paper);line-height:1.6}
h1,h2,h3{font-family:'Suez One',serif;font-weight:400;margin:.2em 0}
a{color:var(--rust2)}
button{font-family:inherit;cursor:pointer}
.big{background:var(--rust);color:#fff;border:0;border-radius:10px;padding:14px 28px;font-size:1.15rem;font-weight:600;transition:transform .15s,background .15s}
.big:hover{background:var(--rust2);transform:translateY(-1px)}
.big:disabled{opacity:.5}
.muted{color:var(--muted)}
.err{color:#ff8a6a;min-height:1.4em}
.eyebrow{letter-spacing:.3em;font-size:.8rem;color:var(--rust2);text-transform:uppercase}

/* דף שער */
body.gate{min-height:100vh;display:grid;place-items:center;padding:16px;
  background:radial-gradient(ellipse at 50% 0%,#3b2a1f 0%,var(--ink) 60%)}
.card{max-width:520px;width:100%;background:var(--paper);color:var(--ink);border-radius:6px;padding:36px 32px;
  box-shadow:0 30px 80px #000a, inset 0 0 0 1px #0001;position:relative}
.card h1{font-size:2.6rem;line-height:1}
.card::before{content:"";position:absolute;inset:8px;border:1px dashed #0002;border-radius:4px;pointer-events:none}
.card .muted{color:#7a6c58}

/* ניהול */
body.admin{background:#f4f0e8;color:#1d1915;padding:16px}
.admin .wrap{max-width:1100px;margin:0 auto}
.admin header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0 20px;border-bottom:2px solid #1d1915}
.admin h1{font-size:2rem}
.admin .panel{background:#fff;border:1px solid #ddd3c2;border-radius:8px;padding:20px;margin:20px 0}
.admin label{display:flex;flex-direction:column;font-size:.85rem;color:#6b5f50;gap:4px}
.admin input,.admin select{font:inherit;padding:9px 10px;border:1px solid #cfc3ae;border-radius:6px;background:#fffdf8;color:#1d1915}
.admin .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}
.admin table{width:100%;border-collapse:collapse;font-size:.9rem}
.admin th{text-align:right;color:#6b5f50;font-weight:600;border-bottom:1px solid #ddd3c2;padding:8px 6px}
.admin td{border-bottom:1px solid #eee6d8;padding:9px 6px;vertical-align:top}
.admin .tag{display:inline-block;padding:1px 8px;border-radius:20px;font-size:.78rem;font-weight:600}
.tag.active{background:#dff1e8;color:#17663f}.tag.used{background:#eee;color:#666}
.tag.revoked,.tag.expired{background:#fbe2da;color:#a3381b}
.admin .sm{font-size:.8rem;padding:4px 9px;border-radius:5px;border:1px solid #cfc3ae;background:#fff;margin:2px}
.admin .sm:hover{background:#f4ede0}
.admin .linkbox{direction:ltr;font-family:monospace;font-size:.8rem;background:#f6f1e6;padding:3px 6px;border-radius:4px;word-break:break-all}
.admin .stats{display:flex;gap:28px;flex-wrap:wrap}
.admin .stat b{display:block;font-family:Heebo,sans-serif;font-size:1.8rem;font-weight:800}
.admin .newlink{background:#fff8e6;border:1px solid #f0d58a;padding:14px;border-radius:8px;margin-top:14px;display:none}
.tablewrap{overflow-x:auto}

/* דף בית */
.home{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:40px 6vw;
  background:radial-gradient(ellipse at 20% 30%,#3d2a1d 0%,var(--ink) 65%)}
.home h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.9;color:var(--paper)}
.home h1 span{color:var(--rust2)}
.home .lead{font-size:1.25rem;color:#cbbfa8;max-width:34em}
.home .feats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}
.home .feat{border-top:1px solid var(--line);padding-top:10px}
.home .feat b{font-family:'Suez One';font-weight:400;font-size:1.1rem;color:var(--paper)}
.home .feat div{color:var(--muted);font-size:.92rem}
.tower{position:relative;height:min(78vh,640px);display:flex;flex-direction:column-reverse;gap:4px;align-items:center;justify-content:flex-start}
.tower .fl{width:var(--w);height:calc((100% - 70px)/15);background:linear-gradient(90deg,#2a211b,#3a2d24 50%,#2a211b);border-radius:2px;
  display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:.7rem;color:#8d7f6c;position:relative}
.tower .fl i{width:8px;height:60%;background:#f6c56b;box-shadow:0 0 12px #f6c56b;border-radius:1px;opacity:var(--o)}
.tower .roof{width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:60px solid var(--rust)}
.home form{display:flex;gap:8px;max-width:460px}
.home form input{flex:1;padding:13px;border-radius:10px;border:1px solid var(--line);background:#0006;color:var(--paper);font:inherit;direction:ltr}
@media (max-width:820px){.home{grid-template-columns:1fr;padding:32px 16px}.tower{height:340px}.home .feats{grid-template-columns:1fr}}