:root{color-scheme:dark;--gold:#ffdc00;--line:#7b681d}*{box-sizing:border-box}body{margin:0;padding:12px 15px 18px;background:#090a06;background-image:repeating-linear-gradient(0deg,transparent 0 5px,#b29b1610 6px 7px),radial-gradient(ellipse at top,#4c441c55,transparent 70%);color:#fff;font-family:Arial,Helvetica,sans-serif}.page{max-width:660px;margin:auto;background:#030303;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:0 0 30px #000}header{text-align:center;padding:12px 16px 10px;border-bottom:1px solid var(--line);background:linear-gradient(#090900,#000)}h1{color:var(--gold);font-size:clamp(34px,9vw,64px);line-height:1;margin:0;font-weight:900;letter-spacing:2px;text-shadow:0 0 12px #dabc00,0 0 27px #ad8e00}.tagline{display:block;color:#ddd6a1;font-size:12px;letter-spacing:3px;margin-top:7px}.hero img{width:100%;height:auto;display:block}.welcome{text-align:center;margin:0;padding:24px 14px 19px;color:#ffe044;font-weight:700;font-size:clamp(12px,2.8vw,20px);letter-spacing:1.8px;line-height:1.5;border-bottom:1px solid var(--line);text-shadow:0 0 12px #f8d51277}nav{padding:18px 17px 16px;display:grid;gap:12px}nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:73px;padding:14px 8px;border:3px solid #f5d52d;border-radius:13px;color:#fff;text-decoration:none;font-size:clamp(12px,3.2vw,22px);font-weight:800;letter-spacing:2px;background:#030303;transition:filter .15s,transform .15s}nav a.primary{color:#050500;background:var(--gold);border:4px solid #090909;box-shadow:0 0 0 1px #af851b,0 0 14px #b71d27}nav a:hover{filter:brightness(1.15);transform:translateY(-1px)}nav a:focus-visible{outline:3px solid white;outline-offset:3px}.info{padding:24px 25px 18px;background:linear-gradient(#ffda00,#a78e00 46%,#090900 100%)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards>div{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:60px;background:#030303;border:1px solid #a28b31;border-radius:13px;padding:14px 16px}.cards span{font-size:12px;color:#aaa;letter-spacing:1px}.cards strong{font-size:17px;color:#ffe134;white-space:nowrap}dl{background:#030303;border:1px solid #8f7d2e;border-radius:18px;margin:22px 0;overflow:hidden}dl>div{display:grid;grid-template-columns:42% 58%;padding:18px 20px;border-bottom:1px solid #8d741c44;align-items:center;gap:8px}dl>div:last-child{border:0}dt{color:#d2ae3c;font-size:13px;letter-spacing:1px}dd{margin:0;font-size:14px;line-height:1.4}footer{text-align:center;color:#bbb;border-top:1px solid #806e24;padding:18px 0 7px;font-size:12px;letter-spacing:1.3px;line-height:1.6}footer b{color:#ffe032}@media(max-width:420px){body{padding:8px 12px}.page{border-radius:20px}nav{padding:14px 10px;gap:10px}nav a{min-height:53px;border-radius:9px;letter-spacing:1.5px}.welcome{padding:18px 8px}.info{padding:17px 14px 12px}.cards{gap:8px}.cards>div{padding:12px 10px;min-height:46px}.cards span{font-size:9px}.cards strong{font-size:12px}dl>div{padding:15px 13px}dt{font-size:10px}dd{font-size:11px}footer{font-size:10px}}

.animated-logo{position:relative;isolation:isolate;max-width:400px;margin:0 auto}.animated-logo h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;color:#ffe716;text-shadow:0 0 4px #fff151,0 0 11px #f3d000,0 0 26px #d3ac00;animation:logo-glow 4.8s ease-in-out infinite}.lightning{position:absolute;inset:-15% -9%;width:118%;height:130%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px #ffff91) drop-shadow(0 0 10px #ffdf00)}.bolt{fill:none;stroke:#ffffe7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:460;stroke-dashoffset:460;opacity:0;animation:lightning-pass 4.8s linear infinite}.bolt-b{stroke-width:3;animation-delay:2.4s}.tagline:before,.tagline:after{content:"";display:inline-block;vertical-align:middle;width:35px;height:1px;margin:0 8px;background:linear-gradient(90deg,transparent,#fff4aa,transparent)}@keyframes lightning-pass{0%,8%{stroke-dashoffset:460;opacity:0}10%{opacity:1}24%{stroke-dashoffset:0;opacity:1}28%{opacity:0}30%,100%{stroke-dashoffset:-460;opacity:0}}@keyframes logo-glow{0%,100%{filter:brightness(1)}18%,23%{filter:brightness(1.25)}50%{filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.bolt,.animated-logo h1{animation:none}.bolt{opacity:0}}

/* Logo fades away and returns while the lightning continues. */
.animated-logo h1{animation:logo-appear 4.8s ease-in-out infinite}
@keyframes logo-appear{0%,12%{opacity:1;filter:brightness(1)}22%{opacity:0;filter:brightness(1.3)}22%,36%{opacity:0}48%,72%{opacity:1;filter:brightness(1.15)}82%,89%{opacity:0}100%{opacity:1;filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.animated-logo h1{animation:none;opacity:1}}

/* Crisp lightning strokes for MON56; reference frame stays identical. */
.lightning{filter:drop-shadow(0 0 2px #fff9ba) drop-shadow(0 0 6px #ffdf00)}.bolt{stroke-width:2.5}.bolt-b{stroke-width:1.8}