:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font:1.05rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#f6f4ee;color:#172720;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1.5rem}
main{max-width:34rem;width:100%}
h1{font-size:2rem;line-height:1.15;margin:0 0 .4rem;letter-spacing:-.02em}
.hebrew{font-size:1.45rem;margin:.2rem 0 1.1rem;opacity:.85;font-family:"Times New Roman",serif}
.what{margin:0 0 1.6rem}
.doors{display:grid;gap:.75rem;margin:0 0 1.6rem}
.door{display:block;padding:1rem 1.1rem;border:1px solid rgba(23,39,32,.25);border-radius:.7rem;
  text-decoration:none;color:inherit;background:rgba(255,255,255,.6)}
.door strong{display:block;font-size:1.1rem;margin-bottom:.2rem}
.door span{display:block;font-size:.95rem;opacity:.8}
.door:active{background:rgba(255,255,255,.95)}
.fine{font-size:.85rem;opacity:.7;margin:0}
@media (prefers-color-scheme:dark){
  body{background:#101815;color:#eef2ee}
  .door{background:rgba(255,255,255,.06);border-color:rgba(238,242,238,.22)}
}

.one-tap{display:grid;gap:8px;margin:22px 0 6px;padding:20px;border:1px solid #d7d9cd;border-radius:14px;background:#fffef8}
.one-tap label{font-size:12px;color:#58665e}
.one-tap button{justify-self:start;margin-top:6px;padding:12px 22px;min-height:46px;border:0;border-radius:26px;background:#172720;color:#f5f2e9;font-weight:600;font-size:14px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}