:root{--volcanic-dark-ash:#1a1a1a;--volcanic-coal:#2c2c2c;--volcanic-lava-red:#e63946;--volcanic-magma-orange:#f4a261;--volcanic-ash-white:#f8f9fa;--volcanic-crater-black:#0d0d0d;--volcanic-smolder-grey:#6c757d}.status-container{padding:4rem 2rem;text-align:center;background:url(/images/panel-bg.png) 50%/cover no-repeat,linear-gradient(135deg,var(--volcanic-crater-black) 0,var(--volcanic-dark-ash) 100%);color:var(--volcanic-ash-white);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.status-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(230,57,70,.15) 0,rgba(0,0,0,0) 70%);animation:rotate 20s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-title{font-size:3.5rem;margin-bottom:2.5rem;background:linear-gradient(to right,var(--volcanic-lava-red),var(--volcanic-magma-orange),#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 10px rgba(230,57,70,.6);position:relative;z-index:1}.status-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(to right,transparent,var(--volcanic-magma-orange),var(--volcanic-lava-red),transparent);border-radius:2px;box-shadow:0 0 8px rgba(230,57,70,.7)}.status-card{background:var(--volcanic-dark-ash);border:1px solid var(--volcanic-coal);border-radius:12px;padding:2.5rem;max-width:450px;width:100%;box-shadow:0 8px 16px rgba(0,0,0,.4);margin-top:3rem;position:relative;overflow:hidden;z-index:1}.status-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--volcanic-lava-red),var(--volcanic-magma-orange));border-radius:12px 12px 0 0}.status-card-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--volcanic-ash-white);font-weight:600}.status-card-message{font-size:1.3rem;padding:1rem 1.5rem;border-radius:8px;text-align:center;font-weight:700;border:1px solid transparent;transition:all .3s ease}.status-up{background-color:rgba(60,179,113,.2);color:#3cb371;border-color:#3cb371;box-shadow:0 0 15px rgba(60,179,113,.4)}.status-down{background-color:rgba(230,57,70,.2);color:var(--volcanic-lava-red);border-color:var(--volcanic-lava-red);box-shadow:0 0 15px rgba(230,57,70,.4)}@media (max-width:768px){.status-title{font-size:2.8rem}.status-card{padding:2rem;margin-top:2rem}.status-card-title{font-size:1.6rem}.status-card-message{font-size:1.1rem;padding:.8rem 1rem}}@media (max-width:480px){.status-container{padding:3rem 1rem}.status-title{font-size:2rem;margin-top:3rem}.status-card{padding:1.5rem}}