/* Kurumsal temel stil */
:root{--bg:#0f172a;--panel:#111827;--card:#1f2937;--muted:#94a3b8;--text:#e5e7eb;--primary:#0ea5e9;--primary-600:#0284c7;--accent:#22c55e;--danger:#ef4444;--warning:#f59e0b}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue','Noto Sans',Arial,sans-serif;background:linear-gradient(180deg,#0b1220 0%,#0f172a 100%);color:var(--text)}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:980px;margin:40px auto;padding:0 20px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.35);padding:24px}
.title{margin:0 0 16px 0;font-size:22px;letter-spacing:.2px}
.muted{color:var(--muted)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.nav{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 16px 0}
.nav a{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);padding:8px 12px;border-radius:8px}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:768px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}

/* Formlar */
label{display:block;margin:8px 0 4px}
input,select,textarea{width:100%;background:#0b1020;border:1px solid rgba(255,255,255,0.08);color:var(--text);border-radius:8px;padding:10px 12px;outline:none}
input[type="file"]{padding:8px}

/* Checkbox ve Radio Button Tasarımı */
.choice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(255,255,255,0.03);
  border: 2px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 12px;
}

.choice:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.15);
  transform: translateY(-2px);
}

.choice input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--primary);
  cursor: pointer;
  flex-shrink: 0;
}

.choice input[type="radio"]:checked + div {
  color: var(--primary);
  font-weight: 600;
}

.choice div {
  flex: 1;
  color: #e2e8f0;
  line-height: 1.6;
}

.choice img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 8px;
}
table{width:100%;border-collapse:collapse}
th,td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.08);text-align:left}
th{color:#cbd5e1;font-weight:600;background:rgba(255,255,255,0.03)}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid transparent;font-weight:600;cursor:pointer;background:var(--primary);color:white;box-shadow:0 6px 16px rgba(2,132,199,.35);text-decoration:none}
.btn:hover{background:var(--primary-600)}
.btn.secondary{background:transparent;border-color:rgba(255,255,255,0.16)}
.btn.success{background:var(--accent)}
.btn.danger{background:var(--danger)}
.btn.warning{background:var(--warning)}

/* Form butonları için ek stiller */
button.btn{border:none;font-family:inherit;font-size:inherit}
button.btn:focus{outline:2px solid var(--primary-400);outline-offset:2px}

/* Navigasyon Butonları Hizalama */
.actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  gap: 16px;
}

.actions .btn:first-child {
  margin-right: auto;
}

.actions .btn:last-child {
  margin-left: auto;
}

.actions .btn:only-child {
  margin: 0 auto;
}

/* Sticky üst bar */
.topbar{position:sticky;top:0;z-index:10;background:rgba(15,23,42,0.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.06);padding:10px 0;margin-bottom:16px}
.brand{font-weight:700;letter-spacing:.3px}

/* Sınav */
.question{font-size:18px;line-height:1.6}
.choice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(255,255,255,0.08);border-radius:10px;background:rgba(255,255,255,0.02);margin:8px 0}
.timer{font-variant-numeric:tabular-nums;background:rgba(2,132,199,0.1);border:1px solid rgba(2,132,199,0.25);padding:6px 10px;border-radius:8px}
.actions{display:flex;gap:10px;margin-top:12px}

/* Bildirim */
.alert{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.04)}
.alert.error{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08)}