body{margin:0;background:#0b0b0f;color:#f4f4f5;font-family:Arial,sans-serif}
.wrap{max-width:1050px;margin:auto;padding:60px 24px}
.center{text-align:center}
img.logo{max-width:260px}
h1{font-size:52px;margin:20px 0 10px}
h2{color:#f59e0b}
p,li{font-size:18px;line-height:1.7;color:#d1d5db}
.card{background:#17171c;border:1px solid #2b2b33;border-radius:18px;padding:28px;margin:30px 0}
a{color:#f59e0b;text-decoration:none}
footer{border-top:1px solid #333;padding:25px;margin-top:50px;text-align:center}
nav a{margin:0 14px}

.wrap{position:relative}
.langs{position:absolute;top:28px;right:24px;margin:0}
.langs select{
  background:#17171c;color:#f4f4f5;border:1px solid #2b2b33;border-radius:10px;
  padding:8px 14px;font-size:14px;font-family:Arial,sans-serif;cursor:pointer;
}
.langs select:hover,.langs select:focus{border-color:#f59e0b;outline:none}
[dir=rtl] .langs{right:auto;left:24px}
[dir=rtl] nav a{margin:0 14px}
@media (max-width:600px){.langs{position:static;text-align:right;margin-bottom:20px}
  [dir=rtl] .langs{text-align:left}}

.apps-section{max-width:640px;margin:36px auto 0;text-align:left}
.apps-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#6b7280;margin-bottom:10px}
.app-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;
  padding:10px 0;border-top:1px solid #26262c}
.app-item a{font-weight:700;color:#f59e0b;text-decoration:none;white-space:nowrap}
.app-item a:hover{text-decoration:underline}
.app-desc{color:#9ca3af;font-size:14px;line-height:1.5}
[dir=rtl] .apps-section{text-align:right}