/* pages.css - Statik sayfalar için sade, modern tema */
:root{
  --bg1:#0c1f0c;
  --bg2:#1e3c1e;
  --card:rgba(255,255,255,.05);
  --border:#ffffff22;
  --text:#f1f5f1;
  --accent:#2e6b2e;
  --accent2:#28a745;
}

*{box-sizing:border-box}
html,body{
  margin:0; padding:0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color:var(--text);
  background:linear-gradient(to bottom right,var(--bg1),var(--bg2));
  min-height:100%;
}
.header-bar{
  max-width:1100px; margin:24px auto 0; padding:0 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.header-bar a{
  color:#dfffd0; text-decoration:none; font-weight:600;
  padding:8px 12px; border-radius:8px; border:1px solid transparent;
}
.header-bar a:hover{ background:#ffffff12; border-color:#ffffff2a; }

.page{
  max-width:1100px; margin:16px auto 60px; padding:16px;
}
.card{
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  padding:22px; box-shadow:0 8px 30px rgba(0,0,0,.35);
}
h1{ margin:4px 0 16px; font-size:1.8rem; }
h2{ font-size:1.2rem; margin:18px 0 8px; color:#eafecc; }
p, li{ line-height:1.6; }
ul{ padding-left:18px; }

/* Form */
.form-grid{
  display:grid; gap:12px;
  grid-template-columns: 1fr 1fr;
}
.form-grid .full{ grid-column: 1/-1; }
input, textarea, button{
  width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--border);
  background: rgba(20,40,20,.5); color:var(--text); font-size:14px;
  outline:none;
}
textarea{ min-height:140px; resize:vertical; }
button{
  background:var(--accent2); border:none; font-weight:700; cursor:pointer;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  box-shadow:0 6px 16px rgba(40,167,69,.35);
}
button:hover{ transform: translateY(-1px); }
button:active{ transform: translateY(1px); }

.notice{
  padding:10px 12px; border-radius:10px; background: #ffffff12; border:1px solid #ffffff22;
  font-size:13px;
}

/* Mobil */
@media (max-width:720px){
  .form-grid{ grid-template-columns: 1fr; }
}