/* index.css — styles for index.html */
:root{
  --bg1: #667eea;
  --bg2: #764ba2;
  --card-bg: rgba(255,255,255,0.95);
  --accent: #27ae60;
  --muted: #7f8c8d;
  --purple: #8e44ad;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 100%);
  color:#333;
  min-height:100vh;
  padding:20px;
}

.container{
  max-width:1200px;
  margin:0 auto;
  background:var(--card-bg);
  border-radius:15px;
  padding:24px;
  box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

h1{
  text-align:center;
  color:#2c3e50;
  font-size:2em;
  margin-bottom:6px;
  font-weight:700;
}

.subtitle{
  text-align:center;
  color:var(--muted);
  margin-bottom:18px;
  font-size:1rem;
}

.exchange-rate{
  background:#e8f5e8;
  border:2px solid var(--accent);
  border-radius:8px;
  padding:10px;
  margin-bottom:16px;
  text-align:center;
  color:var(--accent);
  font-weight:600;
}

.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.06);margin-bottom:18px}

table{
  width:100%;
  border-collapse:collapse;
  background:white;
  font-size:13px;
}

th{
  background:linear-gradient(135deg,#3498db,#2980b9);
  color:#fff;
  padding:12px 8px;
  text-align:center;
  font-weight:600;
  font-size:13px;
}

td{
  padding:10px 8px;
  text-align:center;
  border-bottom:1px solid #ecf0f1;
  vertical-align:middle;
}

tr:nth-child(even){background:#f8f9fa}
tr:hover{background:#eaf6ff;transition:all .2s ease}

.university-name{text-align:left;font-weight:700;color:#2c3e50}
.university-name .address{display:block;font-weight:400;color:var(--muted);font-size:0.9rem;margin-top:4px}

.program-type{font-style:italic;color:var(--muted);font-size:0.92rem}
.tuition-amount{font-weight:600;color:var(--accent)}
.npr-amount{display:block;color:var(--purple);font-weight:500;font-size:0.9rem;margin-top:4px}

.acceptance{font-size:0.9rem;color:#444}
.scholarship{font-size:0.9rem;color:#2a7f6b}

.note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;margin-top:14px;color:#856404;font-size:0.95rem}
.note-title{font-weight:700;margin-bottom:8px}

.footer{margin-top:12px;text-align:center;color:#555;font-size:0.9rem}

/* Responsive tweaks */
@media (max-width:720px){
  th, td{font-size:12px;padding:8px 6px}
  .subtitle{font-size:0.95rem}
  .exchange-rate{font-size:0.95rem}
}