:root{--color-imperial-blue: #003e74;--color-imperial-navy: #002147;--color-imperial-light-blue: #d4effc;--color-imperial-dark-grey: #373a36;--color-imperial-cool-grey: #9d9d9d;--color-imperial-light-grey: #ebeeee;--color-white: #fff;--color-status-default: #009ba8;--color-status-hover: #97c21e;--color-status-pulse: #057a55}body{font-family:Inter,sans-serif;background-image:linear-gradient(to bottom right,var(--color-imperial-blue),var(--color-imperial-navy));min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;margin:0}.container{background-color:var(--color-white);padding:2rem;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;text-align:center;max-width:32rem;width:100%;transition:transform .5s ease-in-out}.container:hover{transform:scale(1.05)}.logo-container{margin-bottom:1.5rem}.logo-container img{display:block;margin-left:auto;margin-right:auto;height:4rem;width:auto;max-width:100%}h1{font-size:2.25rem;line-height:2.5rem;font-weight:800;color:var(--color-imperial-dark-grey);margin-bottom:1rem}.tagline{font-size:1.25rem;line-height:1.75rem;color:var(--color-imperial-cool-grey);margin-bottom:1.5rem}.status-box{border-top:2px solid var(--color-imperial-light-blue);border-bottom:2px solid var(--color-imperial-light-blue);padding-top:1rem;padding-bottom:1rem;margin-bottom:1.5rem}.status-text{font-size:1.5rem;line-height:2rem;font-weight:600;color:var(--color-status-default);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;transition:color .3s ease-in-out}.status-text:hover{color:var(--color-status-hover)}@keyframes pulse{0%,to{opacity:1;color:var(--color-status-default)}50%{opacity:.5;color:var(--color-status-pulse)}}@media (min-width: 768px){.container{padding:3rem}h1{font-size:3rem;line-height:1}.tagline{font-size:1.5rem;line-height:2rem}.status-text{font-size:1.875rem;line-height:2.25rem}.message-text{font-size:1.25rem;line-height:1.75rem}}.demo-container{background-color:var(--color-white);padding:2rem;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:90vw;height:90vh;max-width:1200px;max-height:900px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}