.hero{position:relative;display:grid;place-items:center;min-height:50vh;padding:clamp(16px,3vw,40px);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden}.scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(60% 45% at 50% 42%,rgba(0,0,0,.15),rgba(0,0,0,.55) 70%),linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.35))}.card{position:relative;z-index:2;max-width:min(900px,92vw);text-align:center;opacity:0;transition:opacity .6s ease}.card.visible{opacity:1}blockquote{margin:0 0 18px;font-weight:900;line-height:1.18;font-size:clamp(26px,32px,38px);letter-spacing:.2px;text-shadow:0 3px 26px rgba(0,0,0,.75),0 1px 0 rgba(0,0,0,.6)}.author{font-weight:700;font-size:clamp(16px,2.2vw,22px);text-shadow:0 2px 18px rgba(0,0,0,.65);opacity:.98}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(0,0,0,.6);border-top:1px solid rgba(255,255,255,.08)}.controls{display:flex;gap:8px;flex-wrap:wrap}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:10px 14px;border-radius:10px!important;font-weight:800;color:#111;background:#ffd166}.download{background:#9ae6b4}.index{color:#dcdcdc;font-size:13px;font-weight:700}