*{margin:0;padding:0;box-sizing:border-box}
body{
  background:#0a0a0b;
  font-family:'Vazirmatn',sans-serif;
  color:#fafafa;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  direction:rtl;
  padding:24px;
}

.card{
  width:100%;
  max-width:380px;
  padding:44px 32px 32px;
  background:#131315;
  border:1px solid #232326;
  border-radius:20px;
  text-align:center;
}

.mark{
  width:52px;
  height:52px;
  margin:0 auto 22px;
  border-radius:14px;
  background:#1c1c1f;
  border:1px solid #2c2c30;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mark svg{width:22px;height:22px}

h1{
  font-family:'Space Grotesk',sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.01em;
  margin-bottom:4px;
}
.tag{
  font-size:12px;
  color:#e3a34e;
  font-weight:500;
  letter-spacing:0.03em;
  margin-bottom:26px;
}

.opts{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.opt{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  background:#19191c;
  border:1px solid #262629;
  border-radius:13px;
  text-decoration:none;
  color:#fafafa;
  text-align:right;
  transition:border-color .2s ease;
}
.opt:hover{border-color:#e3a34e}
.opt-icon{width:26px;height:26px;flex-shrink:0}
.opt-name{font-size:14px;font-weight:600}
.opt-sub{font-size:10.5px;color:#77787c;margin-top:2px}

.rule{height:1px;background:#1f1f22;margin-bottom:16px}
.foot{font-size:11px;color:#5c5d61;letter-spacing:0.02em}
.foot b{color:#e3a34e;font-weight:600}