:root{
  --bg: #071026;
  --panel: #0b1630;
  --accent: #d4af37;
  --muted: #9aa6b0;
  --card: #0f2336;
  --text: #f3f6f8;
  --cta-dark: #2b1f00;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ------------------------------
   عنوان صفحات
------------------------------ */
.page-header{
  width:100%;
  padding:30px 0;
  text-align:center;
  background:var(--panel);
  border-bottom:1px solid rgba(255,255,255,0.05);
  margin-bottom:22px;
}

.page-header h2{
  margin:0;
  font-size:26px;
  font-weight:700;
  color:var(--accent);
}

/* ------------------------------ */

.container{
  max-width:1100px;
  margin:22px auto;
  display:flex;
  gap:20px;
  padding:0 14px;
}

header{
  background:linear-gradient(90deg,var(--panel), #081526);
  padding:20px 12px;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,0.03);
}

header h1{
  margin:0;
  color:var(--accent);
  font-size:26px;
}

nav{
  margin-top:12px;
}

nav ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

nav a{
  color:var(--text);
  text-decoration:none;
  padding:8px 12px;
  border-radius:6px;
}

nav a.active{
  background:rgba(212,175,55,0.08);
  color:var(--accent);
}

.partners-top{
  max-width:1100px;
  margin:14px auto;
  padding:14px;
  background:var(--card);
  border-radius:8px;
  text-align:center;
  color:var(--muted);
}

.sidebar{
  width:30%;
  background:linear-gradient(180deg,#071a2b,#0b2a3f);
  padding:16px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.02);
}

.content{
  width:70%;
  background:linear-gradient(180deg,#081528,#061223);
  padding:22px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.02);
}

h2{
  color:var(--accent);
  margin-top:0;
}

a{
  color:var(--accent);
}

.card{
  background:linear-gradient(180deg,#081e30,#06202b);
  padding:12px;
  border-radius:8px;
}

.cta{
  display:inline-block;
  padding:10px 16px;
  border-radius:8px;
  background:linear-gradient(90deg,var(--accent), #ffd36b);
  color:#071026;
  font-weight:700;
  text-decoration:none;
}

.btn{
  background:linear-gradient(90deg,var(--accent), #ffd36b);
  color:#071026;
  padding:10px 14px;
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-weight:700;
}

footer{
  margin-top:20px;
  text-align:center;
  padding:18px 10px;
  color:var(--muted);
}

.form-row{
  margin-top:10px;
}

label{
  display:block;
  margin-top:10px;
  color:var(--muted);
}

input[type="text"],
input[type="email"],
select,
textarea{
  width:100%;
  padding:10px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,0.04);
  background:#071826;
  color:var(--text);
}

@media (max-width:900px){
  .container{
    flex-direction:column;
    padding:0 10px;
  }
  .sidebar,
  .content{
    width:100%;
  }
  nav ul{
    justify-content:center;
  }
}