:root{
  --bg:#0B241D;
  --card:#102E26;
  --gold:#D4AF37;
  --ivory:#F6F1E7;
  --muted:#C8C2B5;
  --line:rgba(212,175,55,.32);
}
*{box-sizing:border-box}
html{direction:rtl}
body{
  margin:0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  background:radial-gradient(circle at 20% 0%, rgba(212,175,55,.10), transparent 34%), var(--bg);
  color:var(--ivory);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  line-height:1.8;
}
.wrap{width:min(760px,100%)}
.card{
  border:1px solid var(--line);
  border-radius:28px;
  background:rgba(16,46,38,.86);
  box-shadow:0 28px 80px rgba(0,0,0,.24);
  padding:28px;
}
.brand{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}
.clinic-logo{
  width:92px;
  height:92px;
  object-fit:contain;
  display:block;
  border-radius:50%;
}
h1{
  margin:0;
  text-align:center;
  font-size:clamp(26px,5vw,44px);
  line-height:1.25;
}
.subtitle{
  margin:12px auto 28px;
  text-align:center;
  color:var(--muted);
  max-width:610px;
  font-size:16px;
}
.links{display:grid;gap:12px}
a.btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--ivory);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px 18px;
  background:rgba(11,36,29,.68);
}
a.btn strong{font-size:18px}
a.btn span{color:var(--muted);font-size:14px}
a.btn:hover{border-color:var(--gold);transform:translateY(-1px)}
.notice{
  margin-top:22px;
  padding:14px 16px;
  border-right:3px solid var(--gold);
  background:rgba(212,175,55,.08);
  color:var(--muted);
  border-radius:16px;
  font-size:14px;
}
.footer{
  text-align:center;
  margin-top:18px;
  color:var(--muted);
  font-size:13px;
}
@media(max-width:520px){body{padding:16px}.card{padding:22px}a.btn{align-items:flex-start;flex-direction:column}}



:root{
  --bg:#0B0F12;
  --card:#111A20;
  --gold:#D6BF7A;
  --bronze:#B9965A;
  --ivory:#F4EDE1;
  --muted:#C9C2B8;
  --line:rgba(214,191,122,.28);
  --danger:#D55C51;
}
body{
  background:
    radial-gradient(circle at 16% 0%, rgba(214,191,122,.16), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(47,111,104,.12), transparent 30%),
    linear-gradient(180deg,#0B0F12,#0E151A 54%,#0B0F12);
}
.card{
  background:linear-gradient(180deg,rgba(17,26,32,.94),rgba(10,14,17,.94));
  box-shadow:0 34px 100px rgba(0,0,0,.34);
}
.clinic-logo{
  width:104px;height:104px;
  border-radius:50%;
  box-shadow:0 0 0 6px rgba(214,191,122,.07),0 18px 42px rgba(0,0,0,.32);
}
a.btn{
  background:rgba(244,237,225,.045);
  transition:.18s ease;
}
a.btn.primary{
  background:linear-gradient(135deg,#D6BF7A,#B9965A);
  color:#111827;
  border-color:rgba(214,191,122,.65);
}
a.btn.primary span{color:#2C2415;}
.notice.danger{
  border-right-color:#D55C51;
  background:rgba(180,35,24,.13);
  color:#F4D5D1;
}