/* AMT MSRA — Acute Medical Take-inspired preview theme
   CSS-only atmosphere and texture; the reference screenshot is not used as artwork. */
:root{
  --navy:#070a3a;
  --navy2:#11145d;
  --indigo:#191d75;
  --panel:rgba(24,29,103,.74);
  --panel-deep:rgba(9,13,65,.88);
  --cyan:#4fe8f2;
  --mint:#76f1d1;
  --gold:#f7c95c;
  --text:#f7f8ff;
  --muted:#bdc4e1;
  --line:rgba(79,232,242,.34);
}
html{background:#070a3a}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 8% 18%,rgba(69,47,162,.26),transparent 25rem),
    radial-gradient(circle at 92% 45%,rgba(0,198,218,.12),transparent 32rem),
    linear-gradient(145deg,#05072e 0%,#0b0d4a 48%,#070a38 100%);
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.48;
  background:
    radial-gradient(ellipse at 15% 30%,transparent 0 36%,rgba(76,55,151,.16) 37%,transparent 39%),
    radial-gradient(ellipse at 86% 72%,transparent 0 28%,rgba(19,192,217,.09) 29%,transparent 31%),
    repeating-linear-gradient(118deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px);
}
:focus-visible{outline:3px solid var(--cyan)!important;outline-offset:4px!important}
::selection{background:var(--cyan);color:#05072e}

/* Navigation */
.site-header{
  min-height:74px;
  height:auto;
  padding:10px clamp(18px,4vw,66px);
  background:linear-gradient(90deg,rgba(5,7,43,.97),rgba(10,12,64,.92),rgba(5,7,43,.97));
  border-bottom:1px solid rgba(79,232,242,.28);
  box-shadow:0 18px 44px rgba(1,3,27,.34),inset 0 -1px rgba(112,98,214,.2);
  backdrop-filter:blur(18px);
}
.brand{font-size:clamp(23px,2vw,29px);letter-spacing:-.035em}
.brand span{color:var(--cyan)}
.brand b{color:var(--gold)}
.site-header nav{gap:clamp(16px,2.2vw,38px)}
.site-header nav a{color:#e9ebff;font-size:12px;letter-spacing:.02em}
.site-header nav a:hover{color:var(--cyan)}
.site-header nav .admin-tab{
  color:var(--gold);
  background:rgba(247,201,92,.08);
  border-color:rgba(247,201,92,.64);
  box-shadow:inset 0 0 20px rgba(247,201,92,.06);
}
.search-box{border-color:rgba(79,232,242,.2)}
.search-box svg,.menu-button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.login-button,.menu-button{
  border-color:rgba(79,232,242,.74);
  color:var(--cyan);
  background:linear-gradient(145deg,rgba(22,26,102,.72),rgba(9,12,57,.72));
  box-shadow:inset 0 0 22px rgba(79,232,242,.05);
}

/* Hero */
.hero{
  min-height:690px;
  height:clamp(690px,78vh,820px);
  background:#080b45;
  border-bottom:1px solid rgba(79,232,242,.28);
}
.hero:before{
  content:"";
  position:absolute;
  inset:88px 3.2vw 24px;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(79,232,242,.28);
  border-radius:28px;
  box-shadow:inset 0 0 48px rgba(70,56,177,.12),0 26px 70px rgba(0,0,24,.34);
}
.hero-photo{
  background-image:url('/assets/amt-msra-hero-multicultural.webp')!important;
  background-position:center!important;
  filter:saturate(.9) contrast(1.04) brightness(.8)!important;
  transform:scale(1.005);
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(5,7,45,.995) 0%,rgba(7,9,52,.96) 28%,rgba(7,9,52,.58) 49%,rgba(7,9,52,.12) 74%,rgba(6,8,45,.32) 100%),
    linear-gradient(0deg,rgba(6,8,48,.86),transparent 42%),
    radial-gradient(circle at 72% 44%,rgba(79,232,242,.08),transparent 28%);
}
.hero-copy{left:clamp(28px,6vw,96px);top:132px;width:min(42%,620px);max-width:620px}
.hero-kicker{color:#c9ceea;font-size:11px;letter-spacing:.3em}
.hero-kicker span{background:linear-gradient(90deg,var(--cyan),var(--gold))}
.hero h1{font-size:clamp(52px,5vw,76px);line-height:.94;text-shadow:0 10px 32px rgba(0,0,30,.46)}
.hero h1 em{color:var(--gold)}
.hero-lead{color:#eef0ff;font-size:clamp(17px,1.35vw,21px);max-width:520px}
.hero-actions{margin:25px 0}
.gold-button{
  color:#090b3e;
  background:linear-gradient(120deg,#ffe080,var(--gold));
  border-color:#ffe9a7;
  box-shadow:0 13px 30px rgba(247,201,92,.2),inset 0 1px rgba(255,255,255,.7);
}
.gold-button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(247,201,92,.28)}
.outline-button{
  color:#f5f7ff;
  border-color:rgba(79,232,242,.66);
  background:linear-gradient(145deg,rgba(22,27,104,.58),rgba(8,11,57,.58));
  box-shadow:inset 0 0 28px rgba(79,232,242,.05);
}
.outline-button:hover{border-color:var(--cyan);color:var(--cyan)}
.gold-button,.outline-button,.pricing-grid button,.launch-action{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.benefit-row{gap:10px;margin-top:28px}
.benefit-row>div{
  padding:10px 9px;
  border:1px solid rgba(79,232,242,.18);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(29,34,119,.5),rgba(8,11,57,.58));
  backdrop-filter:blur(10px);
}
.benefit-icon{
  border:0;
  border-radius:10px;
  color:var(--cyan);
  background:linear-gradient(145deg,rgba(79,232,242,.14),rgba(63,53,153,.18));
  box-shadow:inset 0 0 0 1px rgba(79,232,242,.3);
}
.benefit-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-row b{color:#fff;font-weight:750}
.benefit-row small{color:#b8c0df}
.hero-rail{right:6vw;top:145px;color:#c0c5df}
.hero-rail>span{border-color:var(--cyan)}
.hero-rail>span.gold{border-color:var(--gold)}
.hero-rail blockquote{color:#d7daf0}

/* Reusable premium clinical surfaces */
.facts-strip{
  height:auto;
  min-height:106px;
  background:linear-gradient(90deg,#080b48,#111661 52%,#080b48);
  border-color:rgba(79,232,242,.24);
  box-shadow:inset 0 12px 35px rgba(0,0,30,.22);
}
.facts-strip>div{border-color:rgba(79,232,242,.16)}
.fact-icon{color:var(--cyan)}
.info-section,.prepare-section,.analysis-shell,.founder-section,.pricing-section,.launch-showcase{
  color:var(--text);
  background:
    radial-gradient(circle at 90% 8%,rgba(70,49,167,.22),transparent 28rem),
    radial-gradient(circle at 8% 72%,rgba(31,193,208,.08),transparent 24rem),
    repeating-linear-gradient(120deg,rgba(255,255,255,.015) 0 1px,transparent 1px 9px),
    linear-gradient(145deg,#090c49 0%,#171b70 54%,#090c46 100%)!important;
  border-bottom:1px solid rgba(79,232,242,.18);
}
.prepare-section,.pricing-section{
  background:
    radial-gradient(circle at 14% 18%,rgba(79,232,242,.09),transparent 25rem),
    repeating-linear-gradient(120deg,rgba(255,255,255,.014) 0 1px,transparent 1px 9px),
    linear-gradient(145deg,#06083a,#10145e 56%,#080a42)!important;
}
.section-heading h2,.pricing-intro h2,.launch-panel h2,.founder-name{color:#fff}
.section-heading>p:last-child,.pricing-intro>p:last-child,.definition-card p,.component-card p,.objective-card p,.prep-step p,.intelligence-card p,.founder-copy,.investment-copy{color:var(--muted)!important}
.eyebrow,.section-kicker{color:var(--cyan)!important}
.definition-card,.component-card,.objective-card,.prep-step,.intelligence-card,.founder-card,
.question-pane,.explanation-pane,.promo-card,.pricing-grid article,.digital-health-block,.ecosystem-card,
.profile-dialog,dialog{
  color:var(--text);
  border:1px solid rgba(79,232,242,.27)!important;
  background:
    linear-gradient(145deg,rgba(30,35,119,.78),rgba(13,17,75,.86))!important;
  box-shadow:
    0 24px 60px rgba(0,0,29,.3),
    inset 0 1px rgba(255,255,255,.04),
    inset 0 0 44px rgba(72,51,169,.08)!important;
  backdrop-filter:blur(15px);
}
.component-label,.prep-step>span,.study-step b{background:var(--gold)!important;color:#090b3e!important}
.official-links a,.pricing-grid button,.launch-action{background:linear-gradient(120deg,#ffe080,var(--gold))!important;color:#090b3e!important}
.official-links a.secondary{background:rgba(11,14,67,.54)!important;color:var(--cyan)!important;border-color:rgba(79,232,242,.5)!important}
.short-rule{background:linear-gradient(90deg,var(--cyan),var(--gold))}

/* Promotion and wallet */
.launch-showcase{position:relative;overflow:hidden}
.launch-panel,.wallet-pass{
  border:1px solid rgba(79,232,242,.35)!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(79,232,242,.1),transparent 18rem),
    linear-gradient(145deg,rgba(31,36,126,.9),rgba(9,12,59,.95))!important;
  box-shadow:0 28px 80px rgba(0,0,31,.34),inset 0 0 50px rgba(61,47,157,.13)!important;
}
.launch-badge,.wallet-label{color:var(--cyan)!important}
.offer-meter{background:rgba(255,255,255,.09)!important}
.offer-meter span{background:linear-gradient(90deg,var(--cyan),var(--gold))!important}
.wallet-chip{border-color:rgba(247,201,92,.7)!important;background:rgba(247,201,92,.1)!important}
.wallet-benefits>div{border-color:rgba(79,232,242,.18)!important;background:rgba(7,10,52,.42)!important}

/* Question bank and progress */
.practice-shell{
  background:
    radial-gradient(circle at 75% 20%,rgba(79,232,242,.08),transparent 25rem),
    linear-gradient(145deg,#070a40,#141966 55%,#080b43)!important;
}
.tabs button{color:#c7ccea}
.tabs button.active{color:#080a3c!important;background:var(--cyan)!important}
.paper-row,.progress-grid article,.profile-stats article{
  border-color:rgba(79,232,242,.2)!important;
  background:rgba(7,10,54,.48)!important;
}
.bar{background:rgba(255,255,255,.09)!important}
.bar span{background:linear-gradient(90deg,var(--cyan),var(--gold))!important}
.correct-line,.learning-point{color:var(--gold)!important}
.pathway-link{color:var(--cyan)!important}
.next-button,.submit-answer{background:linear-gradient(120deg,var(--cyan),var(--mint))!important;color:#07093b!important}
.analysis-status,.signal-note,.governance-note,.founder-principle{
  color:#e9ebff!important;
  border-color:rgba(247,201,92,.7)!important;
  background:rgba(247,201,92,.08)!important;
}
.profile-actions button{border-color:rgba(79,232,242,.5)!important;color:var(--cyan)!important;background:rgba(8,11,57,.5)!important}

/* Pricing, founder and footer */
.pricing-grid article.featured{border-color:rgba(247,201,92,.72)!important;box-shadow:0 28px 70px rgba(247,201,92,.11)!important}
.pricing-grid article>span{background:var(--gold)!important;color:#080a3c!important}
.pricing-grid strong,.credentials,.company-number{color:var(--gold)!important}
.founder-roles li:before{background:var(--cyan)!important}
.ecosystem-card a{color:var(--cyan)!important}
footer{
  color:#c9cee7;
  background:linear-gradient(90deg,#05072f,#0b0e4d,#05072f);
  border-top:1px solid rgba(79,232,242,.27);
  box-shadow:inset 0 16px 40px rgba(0,0,25,.2);
}
footer a{color:var(--cyan)}

/* Resources page */
.resource-hero,.resource-section.light,.resource-section.deep{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(79,232,242,.1),transparent 25rem),
    repeating-linear-gradient(120deg,rgba(255,255,255,.015) 0 1px,transparent 1px 9px),
    linear-gradient(145deg,#070a40,#171b70 58%,#080b42)!important;
}
.resource-card,.topic-panel,.study-step,.format-card{
  color:var(--text)!important;
  border-color:rgba(79,232,242,.24)!important;
  background:linear-gradient(145deg,rgba(31,36,121,.76),rgba(10,13,65,.86))!important;
  box-shadow:0 20px 50px rgba(0,0,28,.28)!important;
}
.resource-card p,.topic-list li,.study-step p,.resource-section .section-head p,.format-card p{color:var(--muted)!important}
.resource-card a,.crumbs a,.deep .resource-card a{color:var(--cyan)!important}
.resource-card .tag{background:rgba(79,232,242,.12)!important;color:var(--cyan)!important}
.hero-links a{background:var(--gold)!important;color:#080a3c!important}
.hero-links a.secondary{background:rgba(10,13,65,.58)!important;color:var(--cyan)!important;border-color:rgba(79,232,242,.5)!important}

/* Admin entry and dashboard */
.admin-shell{color:var(--text)}
.login-card,.metric,.panel{
  border-color:rgba(79,232,242,.25)!important;
  background:linear-gradient(145deg,rgba(30,35,119,.82),rgba(9,13,64,.91))!important;
  box-shadow:0 22px 60px rgba(0,0,30,.3),inset 0 0 42px rgba(70,50,165,.08)!important;
}
.admin-head a,.reference-list a{color:var(--cyan)!important}
.metric strong,.correct-option{color:var(--gold)!important}
.period-control select,.login-card input,.question-toolbar input{background:#0a0d4b!important;border-color:rgba(79,232,242,.35)!important}
.notice,.chart-explanation,.learning-point{background:rgba(247,201,92,.08)!important;border-color:var(--gold)!important}
.funnel-fill,.mini-fill{background:linear-gradient(90deg,var(--cyan),var(--gold))!important}

/* Responsive composition */
@media(max-width:1000px){
  .hero-copy{width:54%}
  .hero:before{inset:88px 18px 22px}
}
@media(max-width:700px){
  .site-header{min-height:72px;padding:10px 18px;background:rgba(5,7,43,.94)}
  .hero{height:850px;min-height:850px}
  .hero:before{inset:78px 12px 14px;border-radius:22px}
  .hero-photo{
    inset:72px 0 auto!important;
    height:355px!important;
    background-size:cover!important;
    background-position:66% center!important;
    filter:saturate(.88) contrast(1.03) brightness(.74)!important;
  }
  .hero-overlay{
    background:
      linear-gradient(0deg,#070a42 0%,rgba(7,10,66,.99) 48%,rgba(7,10,66,.1) 76%,rgba(7,10,66,.18) 100%),
      linear-gradient(90deg,rgba(7,9,53,.3),rgba(7,9,53,.08))!important;
  }
  .hero-copy{left:28px;top:394px;width:calc(100% - 56px);max-width:none}
  .hero-kicker{font-size:8px}
  .hero h1{font-size:38px;line-height:1.01;letter-spacing:-.05em}
  .hero-lead{font-size:15px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .gold-button,.outline-button{width:100%;min-width:0}
  .benefit-row{grid-template-columns:1fr 1fr;margin-top:14px}
  .benefit-row>div{padding:8px}
  .facts-strip{padding:12px}
  .facts-strip>div{min-height:70px}
  .info-section,.prepare-section,.analysis-shell,.founder-section,.pricing-section,.launch-showcase{padding-left:18px!important;padding-right:18px!important}
  .definition-card,.component-card,.objective-card,.prep-step,.intelligence-card,.founder-card,.question-pane,.explanation-pane,.promo-card,.pricing-grid article,.digital-health-block,.ecosystem-card{border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Accessible question-answer contrast repair */
.question-pane{
  color:#f7f8ff!important;
}
.question-pane .pane-label,
.question-pane fieldset legend{
  color:#cbd2ee!important;
}
.question-pane .pane-label b,
.question-pane h2{
  color:#ffffff!important;
}
.question-pane .question-scenario{
  color:#f4f7ff!important;
  background:rgba(79,232,242,.09)!important;
  border-left-color:var(--cyan)!important;
}
.question-pane fieldset{
  min-width:0;
}
.question-pane fieldset label{
  min-width:0;
  color:#111a44!important;
  background:#ffffff!important;
  border-color:#cbd4e8!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.question-pane fieldset label b{
  min-width:0;
  color:#111a44!important;
  opacity:1!important;
  line-height:1.42;
  overflow-wrap:anywhere;
  word-break:normal;
}
.question-pane fieldset label span{
  color:#365875!important;
  opacity:1!important;
}
.question-pane fieldset label:hover{
  color:#0c153e!important;
  background:#f1f7ff!important;
  border-color:#76b9dc!important;
}
.question-pane fieldset label:has(input:focus-visible),
.question-pane fieldset label:has(select:focus-visible){
  outline:3px solid var(--gold)!important;
  outline-offset:3px;
  border-color:#6ccfe0!important;
  box-shadow:0 0 0 2px rgba(79,232,242,.2);
}
.question-pane fieldset label:has(input:checked){
  color:#0b143d!important;
  background:#ddecff!important;
  border-color:#45b9d6!important;
  box-shadow:inset 4px 0 0 #169bb9;
}
.question-pane fieldset label.correct{
  color:#082f2b!important;
  background:#dcf7ef!important;
  border-color:#2fae91!important;
  box-shadow:inset 4px 0 0 #188970;
}
.question-pane fieldset label.incorrect{
  color:#451226!important;
  background:#ffebf0!important;
  border-color:#d85f7b!important;
  box-shadow:inset 4px 0 0 #ba3e60;
}
.question-pane fieldset label.correct b,
.question-pane fieldset label.correct span{
  color:#082f2b!important;
}
.question-pane fieldset label.incorrect b,
.question-pane fieldset label.incorrect span{
  color:#451226!important;
}
.question-pane fieldset label:has(input:disabled),
.question-pane fieldset label:has(select:disabled),
.question-pane fieldset input:disabled + span,
.question-pane fieldset select:disabled,
.question-pane fieldset select:disabled ~ span,
.question-pane fieldset select:disabled ~ b{
  opacity:1!important;
}
.question-pane label.ranking-option select{
  color:#111a44!important;
  background:#ffffff!important;
  border-color:#7896b4!important;
}
.question-pane label.ranking-option select:disabled{
  color:#111a44!important;
  -webkit-text-fill-color:#111a44;
}
.explanation-pane{
  color:#f7f8ff!important;
}
.explanation-pane .tabs{
  border-bottom-color:rgba(199,204,234,.72)!important;
}
.explanation-pane .tabs button{
  color:#cbd2ee!important;
}
.explanation-pane .tabs button.active{
  color:#080a3c!important;
}
.explanation-pane #explanation-content,
.explanation-pane #explanation-content p,
.explanation-pane .explain-copy,
.explanation-pane .rationale-list,
.explanation-pane .rationale-list p,
.explanation-pane .rationale-list b{
  color:#eef1ff!important;
  opacity:1!important;
}
.explanation-pane .correct-line,
.explanation-pane .learning-point,
.explanation-pane .learning-point b{
  color:var(--gold)!important;
}
.explanation-pane .pathway-link{
  color:var(--cyan)!important;
}
@media(max-width:700px){
  .question-pane fieldset label{
    grid-template-columns:34px minmax(0,1fr);
    min-height:52px;
    padding:9px 12px;
  }
  .question-pane fieldset label.ranking-option{
    grid-template-columns:64px 34px minmax(0,1fr);
  }
  .question-pane fieldset label b{
    font-size:11px;
  }
}