/* Refined, readable Teacher's Day stylesheet */
:root{
  --bg-start: #fff8f2; /* warm cream */
  --bg-end:   #eef4ff; /* soft lavender */
  --muted:#475569;      /* slate */
  --text:#0b1220;       /* deep navy for high contrast */
  --accent-1:#ff6b6b;   /* coral */
  --accent-2:#5b21b6;   /* deep purple */
  --accent-3:#14b8a6;   /* teal */
  --shadow: 0 8px 30px rgba(16,24,40,0.08);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background: linear-gradient(180deg,var(--bg-start) 0%, var(--bg-end) 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
.container{max-width:900px;margin:0 auto;padding:32px}
.header{padding:20px 0;text-align:center}
.hero{
  padding:56px 20px;
  border-radius:18px;
  background: linear-gradient(135deg,var(--accent-1), var(--accent-2));
  color:white;
  box-shadow:var(--shadow);
  margin:20px 0 32px;
}
.hero h1{font-size:2.4rem;margin:0 0 8px;line-height:1.05;background:linear-gradient(90deg, rgba(255,255,255,0.98), rgba(255,255,255,0.85));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{opacity:0.95;font-size:1.05rem;color:rgba(255,255,255,0.92)}
.btn{display:inline-block;margin-top:14px;padding:10px 18px;background:rgba(255,255,255,0.14);color:#fff;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(4px)}
.content h2{color:var(--accent-2);margin-top:0}
.content p{color:var(--text);}
ul{padding-left:1.1rem}
li{margin:8px 0;padding-left:6px}
.pledge{background:linear-gradient(90deg, rgba(91,33,182,0.04), rgba(20,184,166,0.02));border-radius:12px;padding:16px;margin-top:20px;border:1px solid rgba(91,33,182,0.06)}
.footer{opacity:0.9;text-align:center;padding:28px 0;color:var(--muted)}
@media (max-width:520px){
  .hero{padding:34px 16px}
  .hero h1{font-size:1.8rem}
}