html{scroll-behavior:smooth}
body{margin:0;background:#0d0f1a}
.nih-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
section[id]{scroll-margin-top:96px}
a{color:#ffbd59}a:hover{color:#ffd48f}

/* ---------- Logo with glowing, flickering bulb ---------- */
.logo{position:relative;display:inline-block;line-height:0}
.logo img{width:100%;height:auto;display:block}
.logo-glow{position:absolute;left:80.7%;top:81%;width:26%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,244,200,1) 0%,rgba(255,214,110,.75) 18%,rgba(255,180,70,.32) 42%,rgba(255,170,60,0) 70%);animation:nih-flicker 5s infinite}
.logo-halo{position:absolute;left:80.7%;top:81%;width:60%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,200,90,.28) 0%,rgba(255,180,70,.1) 40%,rgba(255,170,60,0) 70%);animation:nih-breathe 5s ease-in-out infinite}
@keyframes nih-flicker{0%,100%{opacity:.9}6%{opacity:.35}7%{opacity:1}9%{opacity:.5}11%{opacity:1}45%{opacity:.85}60%{opacity:1}62%{opacity:.55}63%{opacity:1}80%{opacity:.8}}
@keyframes nih-breathe{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}

/* ---------- Hero: hand-drawn bulbs ---------- */
.hero{animation:nih-bg 42s ease-in-out infinite}
@keyframes nih-bg{0%,100%{background-color:#0d0f1a}33%{background-color:#1a1230}66%{background-color:#0b1d24}}
.hb{position:absolute;top:0;transform:translateX(-50%);pointer-events:none}
.hb-drop{animation:nih-drop 14s ease-out infinite both}
.hb-sway{display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:nih-sway 4.5s ease-in-out infinite alternate}
.hb-cord{width:2px;background:#f3ead8;border-radius:1px}
.hb-svg{display:block;margin-top:-4px}
.hb-lit,.hb-rays{opacity:0;animation:14s linear infinite both}
.hb-svg{animation:14s linear infinite both}
.l1 .hb-lit,.l1 .hb-rays{animation-name:nih-lit1}.l1 .hb-svg{animation-name:nih-glow1}
.l2 .hb-lit,.l2 .hb-rays{animation-name:nih-lit2}.l2 .hb-svg{animation-name:nih-glow2}
.l3 .hb-lit,.l3 .hb-rays{animation-name:nih-lit3}.l3 .hb-svg{animation-name:nih-glow3}
.l4 .hb-lit,.l4 .hb-rays{animation-name:nih-lit4}.l4 .hb-svg{animation-name:nih-glow4}
.l5 .hb-lit,.l5 .hb-rays{animation-name:nih-lit5}.l5 .hb-svg{animation-name:nih-glow5}
@keyframes nih-drop{0%{transform:translateY(-130%)}5%{transform:translateY(10px)}6.5%{transform:translateY(-4px)}8%,86%{transform:translateY(0)}94%,100%{transform:translateY(-130%)}}
@keyframes nih-sway{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@keyframes nih-lit1{0%,21.4%{opacity:0}22.4%{opacity:1}23.2%{opacity:.3}24.4%,80%{opacity:1}82%,100%{opacity:0}}
@keyframes nih-lit2{0%,27.1%{opacity:0}28.1%{opacity:1}28.9%{opacity:.3}30.1%,80%{opacity:1}82%,100%{opacity:0}}
@keyframes nih-lit3{0%,32.9%{opacity:0}33.9%{opacity:1}34.7%{opacity:.3}35.9%,80%{opacity:1}82%,100%{opacity:0}}
@keyframes nih-lit4{0%,38.6%{opacity:0}39.6%{opacity:1}40.4%{opacity:.3}41.6%,80%{opacity:1}82%,100%{opacity:0}}
@keyframes nih-lit5{0%,44.3%{opacity:0}45.3%{opacity:1}46.1%{opacity:.3}47.3%,80%{opacity:1}82%,100%{opacity:0}}
@keyframes nih-glow1{0%,21.4%{filter:none}24.4%,80%{filter:drop-shadow(0 0 16px rgba(255,210,63,.8)) drop-shadow(0 0 40px rgba(255,190,60,.4))}82%,100%{filter:none}}
@keyframes nih-glow2{0%,27.1%{filter:none}30.1%,80%{filter:drop-shadow(0 0 16px rgba(255,210,63,.8)) drop-shadow(0 0 40px rgba(255,190,60,.4))}82%,100%{filter:none}}
@keyframes nih-glow3{0%,32.9%{filter:none}35.9%,80%{filter:drop-shadow(0 0 16px rgba(255,210,63,.8)) drop-shadow(0 0 40px rgba(255,190,60,.4))}82%,100%{filter:none}}
@keyframes nih-glow4{0%,38.6%{filter:none}41.6%,80%{filter:drop-shadow(0 0 16px rgba(255,210,63,.8)) drop-shadow(0 0 40px rgba(255,190,60,.4))}82%,100%{filter:none}}
@keyframes nih-glow5{0%,44.3%{filter:none}47.3%,80%{filter:drop-shadow(0 0 16px rgba(255,210,63,.8)) drop-shadow(0 0 40px rgba(255,190,60,.4))}82%,100%{filter:none}}
@media (max-width:760px){.hb-hide-sm{display:none}}
@media (max-width:600px){.nih-navlink{display:none}}

/* ---------- Illustration A: sketching the idea ---------- */
.nih-a-draw{stroke-dasharray:420;stroke-dashoffset:420;animation:nih-draw 12s ease-in-out infinite}
.nih-a-fill{opacity:0;animation:nih-afill 12s ease-in-out infinite}
.nih-a-flick{animation:nih-flicker 5s infinite}
@keyframes nih-draw{0%{stroke-dashoffset:420;opacity:1}35%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes nih-afill{0%,34%{opacity:0}48%,90%{opacity:1}100%{opacity:0}}

/* ---------- Illustration B: the one that stands out ---------- */
.nih-b-halo{animation:nih-flicker 6s infinite}
.nih-b-glass{animation:nih-flicker 6s infinite}

@media (prefers-reduced-motion:reduce){
.logo-glow,.logo-halo,.hero,.hb-drop,.hb-sway,.hb-lit,.hb-rays,.hb-svg,.nih-a-draw,.nih-a-fill,.nih-a-flick,.nih-b-halo,.nih-b-glass{animation:none}
.hb-lit,.hb-rays,.nih-a-fill{opacity:1}.nih-a-draw{stroke-dashoffset:0}
}
input,textarea{font:inherit}
input:focus,textarea:focus{outline:2px solid #ffbd59;outline-offset:1px}