:root {
  --sky-top:#433A79; --sky-mid:#5F5490; --sky-bottom:#7A6FA6;
  --card:rgba(255,255,255,.92); --text:#1D192B; --sub:#6B6480;
  --primary:#6B5F9E; --primary-dark:#4A3D7A; --tint:#F4F0FB; --border:#E2DCEF;
}
* { box-sizing:border-box; margin:0; }
html { -webkit-text-size-adjust:100%; }
body {
  min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:24px 18px; color:var(--text);
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Hebrew", Arial, sans-serif;
  background:linear-gradient(180deg,var(--sky-top),var(--sky-mid) 55%,var(--sky-bottom)) fixed;
}
.card {
  width:100%; max-width:560px; background:var(--card); border-radius:24px; padding:34px 26px 26px;
  box-shadow:0 14px 40px rgba(20,15,50,.35); text-align:center;
}
.logo { font-size:56px; line-height:1; margin-bottom:10px; }
h1 { font-size:34px; letter-spacing:.3px; color:var(--primary-dark); margin-bottom:14px; }
.lead { font-size:19px; line-height:1.6; margin-bottom:12px; }
.sub { font-size:16px; line-height:1.7; color:var(--sub); margin-bottom:22px; }
.doors { list-style:none; padding:0; display:grid; gap:10px; margin:0 0 22px; text-align:start; }
.doors li { background:var(--tint); border:1px solid var(--border); border-radius:14px; padding:12px 14px; font-size:15px; line-height:1.5; }
.doors b { color:var(--primary-dark); }
.note { font-size:14px; color:var(--sub); line-height:1.6; }
.lang { margin-top:20px; font-size:15px; }
.lang a { color:var(--primary); font-weight:600; text-decoration:none; padding:8px 14px; border-radius:999px; border:1px solid var(--border); display:inline-block; }
.lang a:hover, .lang a:focus { background:var(--tint); }
footer { margin-top:18px; color:rgba(255,255,255,.8); font-size:13px; }
@media (prefers-reduced-motion: no-preference) { .card { animation:rise .5s ease-out both; } }
@keyframes rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }