/* Vidyabharat - Coming Soon page styles (drop-in) */
:root{
  --bg: #fbfdff;
  --fg: #0f1720;
  --muted: #6b7280;
  --accent-1: #2b5df6; /* primary blue */
  --accent-2: #E67E22; /* saffron tone - subtle in glow */
  --card-bg: #ffffff;
  --card-border: rgba(15,23,32,0.06);
  --radius: 14px;
  --container: 1200px;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  color-scheme: light;
}

/* Reset-ish */
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--fg)}
a{color:var(--accent-1);text-decoration:none}
.container{max-width:var(--container);margin:0 auto;padding:28px}

/* Topbar */
.topbar{position:sticky;top:0;background:transparent;padding:8px 0;z-index:30}
.topbar-inner{display:flex;align-items:center;justify-content:space-between}
.brand-logo{height:44px;width:auto;display:block}
.social a{margin-left:14px;color:var(--muted);font-weight:600;font-size:0.95rem}

/* Hero */
.hero{padding:48px 0 36px;position:relative;overflow:visible}
.hero-inner{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center}
.pill{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(43,93,246,0.08);color:var(--accent-1);font-weight:600;font-size:0.9rem;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(43,93,246,0.06)}
.site-title{font-size:clamp(44px,8vw,96px);line-height:0.95;margin:0;font-weight:800;letter-spacing:-0.02em;color:linear-gradient(var(--fg))}
.subtitle{max-width:70ch;color:var(--muted);font-size:1.125rem;margin:18px 0 24px;line-height:1.6}

/* notify form */
.notify-form{display:flex;gap:12px;align-items:center;max-width:760px}
.notify-form input[type="email"]{
  flex:1;padding:14px 16px;border-radius:12px;border:1px solid rgba(15,23,32,0.06);background:linear-gradient(180deg,#fff,#fbfbff);font-size:1rem;box-shadow:0 8px 20px rgba(15,23,32,0.03);
  outline: none;
}
.notify-form input::placeholder{color:#9aa2b2}
.notify-form button{
  background:linear-gradient(180deg,var(--accent-1),#254fed);color:#fff;border:0;padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(43,93,246,0.12);
  transition:transform .12s ease, box-shadow .12s ease;
}
.notify-form button:active{transform:translateY(1px)}
.form-msg{margin-top:12px;color:var(--accent-1);font-weight:700}

/* decorative right panel (glow) */
.hero-right .glow-panel{
  width:100%;height:360px;border-radius:18px;position:relative;overflow:hidden;
  background:
    radial-gradient(600px 300px at 10% 30%, rgba(230,126,34,0.12), transparent 18%),
    radial-gradient(500px 240px at 90% 60%, rgba(43,93,246,0.12), transparent 15%),
    linear-gradient(180deg,#fff,#fff);
  box-shadow:0 12px 40px rgba(15,23,32,0.04), inset 0 1px 0 rgba(255,255,255,0.6);
}

/* Features grid cards */
.features{padding:36px 28px 72px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  background:var(--card-bg);padding:20px;border-radius:12px;border:1px solid var(--card-border);
  box-shadow:0 10px 28px rgba(15,23,32,0.04);min-height:86px;display:flex;flex-direction:column;justify-content:center;
}
.card h3{margin:0 0 8px;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:0.98rem}

/* Footer */
.footer{padding:28px 0;border-top:1px solid rgba(15,23,32,0.03);color:var(--muted);font-size:0.95rem;text-align:left}

/* Utilities */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Responsive */
@media (max-width:1100px){
  .hero-inner{grid-template-columns:1fr 320px;gap:20px}
  .subtitle{max-width:60ch}
}
@media (max-width:880px){
  .hero-inner{grid-template-columns:1fr;gap:18px}
  .hero-right{order:2}
  .cards{grid-template-columns:repeat(2,1fr)}
  .brand-logo{height:36px}
}
@media (max-width:520px){
  .cards{grid-template-columns:1fr}
  .notify-form{flex-direction:column;align-items:stretch}
  .notify-form button{width:100%}
  .site-title{font-size:36px}
  .subtitle{font-size:1rem}
}