/* NepalAnswers gradient brand system — distinct, modern and independent. */
:root{
  --na-brand-navy:#0b2a5b;
  --na-brand-blue:#1d4ed8;
  --na-brand-sky:#4f9cf9;
  --na-brand-red:#c3194a;
  --na-brand-rose:#ef476f;
  --na-brand-violet:#6e59cf;
  --na-brand-surface:#f7f9ff;
  --na-brand-surface-soft:#fff6fb;
  --na-brand-surface-alt:#edf4ff;
  --na-brand-line:#d9e4f4;
  --na-brand-text:#12284a;
  --na-brand-muted:#5e6f8c;
  --na-brand-gradient:linear-gradient(135deg,var(--na-brand-navy) 0%,var(--na-brand-blue) 46%,var(--na-brand-red) 100%);
  --na-brand-gradient-soft:linear-gradient(135deg,rgba(11,42,91,.08) 0%,rgba(29,78,216,.08) 45%,rgba(195,25,74,.08) 100%);
  --na-brand-gradient-hero:linear-gradient(140deg,#eff4ff 0%,#fff5fa 48%,#edf5ff 100%);
  --na-brand-gradient-card:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(243,247,255,.98) 100%);
  --na-brand-gradient-panel:linear-gradient(145deg,#0b2a5b 0%,#1d4ed8 55%,#8b1f4b 100%);
  --ink:var(--na-brand-text);
  --muted:var(--na-brand-muted);
  --green:var(--na-brand-blue);
  --deep:var(--na-brand-navy);
  --line:var(--na-brand-line);
  --paper:var(--na-brand-surface);
  --wash:var(--na-brand-surface-alt);
  --mint:#dbeafe;
  --gold:#ef476f;
  --shadow:0 18px 48px rgba(16,40,74,.10);
}
html{background:linear-gradient(180deg,#f7f9ff 0%,#fff6fb 55%,#f5f8ff 100%)}
body{
  background:
    radial-gradient(circle at top left,rgba(79,156,249,.14),transparent 26%),
    radial-gradient(circle at top right,rgba(239,71,111,.10),transparent 26%),
    linear-gradient(180deg,#f7f9ff 0%,#fff7fb 48%,#f4f8ff 100%);
  color:var(--ink);
}
body.page-inner main,body.page-home main{position:relative}
a{text-underline-offset:3px}
a:hover{text-decoration-thickness:1.5px}
.utility-bar{
  background:linear-gradient(90deg,#082249 0%,#153f8d 52%,#8f1c49 100%);
  color:#edf3fc;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.utility-bar a{color:#f4f7ff}
.site-header{
  border-bottom-color:#d8e4f2;
  background:rgba(255,255,255,.84);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 28px rgba(12,35,75,.05);
}
.site-header .brand{gap:9px;min-width:0;text-decoration:none}
.site-header .brand-logo,.footer-brand .brand-logo,.admin-brand-emblem{object-fit:contain;border-radius:0;filter:none}
.site-header .brand-logo{width:46px;height:46px}
.site-header .brand-copy{min-width:0}
.site-header .brand-wordmark{display:flex;gap:0;white-space:nowrap;font-size:1.05rem;letter-spacing:-.04em;line-height:1.18;font-weight:850}
.brand-wordmark span:first-child{color:var(--na-brand-red)}
.brand-wordmark span:last-child{color:var(--na-brand-navy)}
.site-header .brand-copy small{font-size:.62rem;color:#526787;white-space:nowrap}
.primary-nav a,.header-search{color:#354d77}
.primary-nav a:hover,.header-search:hover,.text-link:hover,.foreign-job-actions a:hover,.foreign-job-official-link a:hover{color:var(--na-brand-blue)}
.hero,.page-home .section-alt:first-of-type{background:var(--na-brand-gradient-hero)}
.hero{position:relative;overflow:hidden}
.hero::before,.hero::after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(6px);opacity:.9;
}
.hero::before{width:320px;height:320px;top:-120px;left:-60px;background:radial-gradient(circle,rgba(79,156,249,.18),transparent 68%)}
.hero::after{width:340px;height:340px;right:-90px;bottom:-150px;background:radial-gradient(circle,rgba(239,71,111,.16),transparent 68%)}
.hero-panel{
  background:var(--na-brand-gradient-panel);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 22px 52px rgba(18,49,107,.22);
}
.hero-panel p{color:#d9e8ff}
.panel-symbol{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.12)}
.search-input,.site-search-controls input,.foreign-job-filter input,.foreign-job-filter select,.visa-dataset-filter select{
  border-color:#c8d9f1;
  box-shadow:0 10px 30px rgba(19,53,110,.06);
}
.search-input:focus-within,.site-search-controls input:focus,.foreign-job-filter input:focus,.foreign-job-filter select:focus,.visa-dataset-filter select:focus{outline-color:var(--na-brand-red)}
.button,
.search-input button,
.site-search-controls button,
.foreign-job-filter button,
.visa-dataset-filter button{
  background:var(--na-brand-gradient);
  color:#fff;
  border:0;
  box-shadow:0 12px 28px rgba(29,78,216,.22);
}
.button:hover,
.search-input button:hover,
.site-search-controls button:hover,
.foreign-job-filter button:hover,
.visa-dataset-filter button:hover{
  background:linear-gradient(135deg,#0a244d 0%,#153f8d 46%,#a81845 100%);
  text-decoration:none;
}
.category-card,.card,.country-card,.search-suggestions,.empty-state,.foreign-job-card,.foreign-job-facts,.foreign-job-checklist,.foreign-job-official-card,.visa-source-dataset,.visa-profile,.visa-grant-series,.content-page .notice,.feature-list,.feature-panel{
  position:relative;
  border-color:var(--line);
  background:var(--na-brand-gradient-card);
  box-shadow:0 14px 36px rgba(13,42,91,.05);
}
.category-card::before,.card::before,.foreign-job-card::before,.visa-source-dataset::before,.visa-profile::before,.search-suggestions::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
  background:var(--na-brand-gradient);
}
.category-card:hover,.card:hover,.country-card:hover,.foreign-job-card:hover{
  transform:translateY(-3px);
  border-color:#b6caec;
}
.section-alt{background:linear-gradient(180deg,rgba(237,244,255,.82) 0%,rgba(255,246,251,.9) 100%)}
.feature-panel,.notice,.foreign-job-checklist{background:linear-gradient(145deg,#f4f8ff 0%,#fff6fb 100%);border-left-color:var(--na-brand-red)}
.feature-list span{border-bottom-color:#d6e1f1}
.country-initial,.search-input span,.source-official{
  background:linear-gradient(135deg,#dbeafe 0%,#fce7f3 100%);
  color:var(--na-brand-navy);
}
.eyebrow,.category-icon,.card-arrow,.foreign-job-card-top strong,.visa-profile-actions a:not(.button),.visa-dataset-provenance a,.foreign-job-official-card>a:not(.button){color:var(--na-brand-blue)}
.article-meta,.search-result-list,.search-result,.article-sources{border-color:var(--line)}
.search-result h2 a,.visa-record-card h3 a,.foreign-job-card h3 a{color:var(--na-brand-navy)}
.search-result h2 a:hover,.visa-record-card h3 a:hover,.foreign-job-card h3 a:hover{color:var(--na-brand-red)}
.site-footer{
  background:linear-gradient(135deg,#081d3f 0%,#0d2f66 50%,#661a44 100%);
  color:#e8efff;
}
.footer-inner p{color:#cedbf4}
.footer-brand .brand-logo{width:48px;height:48px}
.footer-brand .brand-wordmark{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;letter-spacing:-.035em}
.footer-brand .brand-wordmark span:first-child{color:#ff96af}
.footer-brand .brand-wordmark span:last-child{color:#fff}
.footer-brand{gap:8px}
.footer-independent{font-weight:750}
.header-actions .na-quick-trigger,.header-actions .header-search{
  border:1px solid #d2dff2;
  background:linear-gradient(180deg,#fff 0%,#f4f7ff 100%);
  color:#244372;
  box-shadow:0 8px 20px rgba(16,40,74,.05);
}
.header-actions .na-quick-trigger:hover,.header-actions .header-search:hover{border-color:#b8cbeb;background:#fff}
.na-quick-hotkey{background:#edf4ff;color:#30538b;border:1px solid #d2e0f3}
.admin-sidebar,.login-hero{background:var(--na-brand-gradient-panel)!important}
.admin-sidebar .admin-brand{gap:9px}
.admin-sidebar .admin-brand span,.login-card .admin-brand span{color:#fff}
.login-card{box-shadow:0 18px 40px rgba(10,34,73,.14)}
.login-card .admin-brand span{color:var(--na-brand-navy)}
@media(max-width:1000px){.site-header .brand-wordmark{font-size:1rem}.site-header .brand-logo{width:42px;height:42px}}
@media(max-width:450px){.site-header .brand{gap:5px}.site-header .brand-logo{width:37px;height:37px}.site-header .brand-wordmark{font-size:.86rem;letter-spacing:-.04em}.site-header .brand-copy small{display:none}}
@media(max-width:350px){.site-header .brand-logo{width:32px;height:32px}.site-header .brand-wordmark{font-size:.79rem}}
