.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../../../diatom.jpg) center/cover no-repeat;opacity:.2;z-index:-1;animation:backgroundPulseMove 30s ease-in-out infinite alternate}body{margin:0;padding:0;background:#000;color:#fff;font-family:"Exo 2",sans-serif;display:flex;flex-direction:column;align-items:center;height:100vh}.banner{width:100vw;background:#222222b3;text-align:center;padding:20px 10px;font-size:2rem;font-weight:700;border-top:3px solid rgba(68,68,68,.8);border-bottom:3px solid rgba(68,68,68,.8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:center;align-items:center;gap:40px;max-width:100%}.ticker-grid{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:10px;text-align:center;align-items:center}.label-column{font-size:.6rem;color:#c8c8c8cc;font-weight:400;text-align:right;padding-right:10px;margin-top:6px}.ticker-header{font-size:1.5rem;font-weight:700;text-transform:uppercase;padding-bottom:5px}@media (max-width: 768px){.banner{gap:20px;padding:15px;font-size:1.5rem;max-width:95%}}.ticker{font-weight:700}.dtm{color:#00ff0db3}.es{color:#ffa600b3}.record-banner{width:100vw;background:#111;padding:10px;font-size:1.2rem;position:absolute;top:60%;left:0;transform:translateY(-50%);overflow:hidden;white-space:nowrap;display:flex;justify-content:center;gap:20px;border-top:2px solid #333;border-bottom:2px solid #333}.record{color:#f1c40f}.pulse-indicator{width:12px;height:12px;border-radius:50%;animation:spin 3s linear infinite;margin-bottom:5px}.dtm-indicator{background:#00ff0db3;box-shadow:0 0 10px #00ff0db3}.es-indicator{background:#ffa600b3;box-shadow:0 0 10px #ffa600b3}.pulse{animation:pulse .5s ease-in-out,spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.footer{width:100vw;background:#2229;color:#c8c8c8cc;text-align:center;padding:10px 0;font-size:.9rem;font-weight:300;position:fixed;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:1px 1px 3px rgba(0,0,0,.5)}.footer a{color:#e0dac1;text-decoration:none}.footer a:hover{text-decoration:underline}.ticker-container{display:flex;justify-content:center;align-items:center;gap:5px}.record{font-size:1rem;color:#f1c40f;font-weight:400;opacity:.8}.dtm-record{color:#00ff0db3;font-weight:700}.es-record{color:#ffa600b3;font-weight:700}.ticker.dtm,.dtm-value,.ticker-header.dtm{color:#00ff0db3}.ticker.es,.es-value,.ticker-header.es{color:#ffa600b3}.inception-return{font-size:1rem;opacity:.8;display:block;margin-top:2px}.ticker-unit{font-size:1rem;font-weight:700;opacity:.8;color:#c8c8c8cc}.ticker-unit2{font-size:.8rem;font-weight:700;opacity:.8;color:#c8c8c8cc}@keyframes backgroundPulseMove{0%{transform:scale(1) translate(0);opacity:.2}50%{transform:scale(1.03) translate(1vw,1vh);opacity:.25}to{transform:scale(1.06) translate(-1vw,-1vh);opacity:.2}}
