/* StudentsVidya brand system — derived from the SV logo */
:root{
  --sv-purple:#5b2bd4;
  --sv-purple-dark:#4320a8;
  --sv-purple-soft:#f3efff;
  --sv-orange:#ff7a1a;
  --sv-orange-dark:#e65f00;
  --sv-orange-soft:#fff3e8;
  --sv-ink:#171229;
  --sv-muted:#655f73;
  --sv-line:#e7e0f3;
}
html{accent-color:var(--sv-purple)}
body{color:var(--sv-ink)}
a{color:var(--sv-purple)}
a:hover{color:var(--sv-orange-dark)}
button,.btn,.primaryBtn,.heroSearch button,.mobileHomeSearch button,.searchBtn,.applyBtn,.publishBtn,[class*="primary"]{background-color:var(--sv-purple);border-color:var(--sv-purple);color:#fff}
button:hover,.btn:hover,.primaryBtn:hover,.heroSearch button:hover,.mobileHomeSearch button:hover,.searchBtn:hover,.applyBtn:hover,.publishBtn:hover{background-color:var(--sv-purple-dark);border-color:var(--sv-purple-dark)}
.logoText,.brandName,.brand strong{color:var(--sv-purple)}
.logoText span,.brandName span,.brand strong span{color:var(--sv-orange)}
h1,h2,h3,.sectionTitle,.marketTitle{color:var(--sv-ink)}
.hero h1 span,.mobileHero h1 span,.accentText{color:var(--sv-purple)!important}
.nav a:hover,.navLink:hover,.active,.tab.active,.marketTab.active{color:var(--sv-purple)!important}
.tab.active,.marketTab.active{border-color:var(--sv-purple)!important}
.categoryIcon,.quickIcon,.featureIcon,.serviceIcon{color:var(--sv-purple)}
.verified,.verifiedBadge,.statusVerified{color:#4320a8;background:var(--sv-purple-soft);border-color:#d8c9ff}
.alertStrip,.educationAlerts,.infoStrip{border-color:#eadcf8;background:linear-gradient(90deg,var(--sv-purple-soft),#fff,var(--sv-orange-soft))}
.card:hover,.serviceCard:hover,.opportunityCard:hover,.courseCard:hover{border-color:#cdbcf5;box-shadow:0 10px 28px rgba(91,43,212,.10)}
input:focus,select:focus,textarea:focus{border-color:var(--sv-purple)!important;box-shadow:0 0 0 3px rgba(91,43,212,.10)!important;outline:none}
.badgeOrange,.deadlineBadge,.highlightOrange{color:var(--sv-orange-dark);background:var(--sv-orange-soft)}
footer a:hover{color:var(--sv-orange-dark)}
/* Keep long-form copy neutral for readability; use logo colours for hierarchy/actions. */
/* Server-rendered safety content: ensures linked pages never look blank when JS is blocked/delayed. */
.serverFallback{max-width:1180px;margin:0 auto;padding:28px 22px 34px;color:#111}
.serverFallback>header{margin-bottom:18px}
.serverFallback>header span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#4f25d0}
.serverFallback>header h2{margin:6px 0 6px;font-size:28px;color:#111}
.serverFallback>header p{margin:0;color:#111;line-height:1.6}
.serverFallbackGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.serverFallbackGrid article{border:1px solid #e6e0f7;border-radius:16px;padding:20px;background:#fff;box-shadow:0 8px 22px rgba(36,25,78,.05)}
.serverFallbackGrid h3{margin:0 0 8px;color:#111;font-size:18px}
.serverFallbackGrid p{margin:0 0 14px;color:#111;line-height:1.55}
.serverFallbackGrid a{font-weight:800;color:#4f25d0;text-decoration:none}
@media(max-width:760px){.serverFallback{padding:20px 16px}.serverFallbackGrid{grid-template-columns:1fr}.serverFallback>header h2{font-size:23px}}