:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-card: #1e1e1e;--text-primary: #ffffff;--text-secondary: #a0a0a0;--neon-green: #00ff9d;--neon-red: #ff0055;--neon-blue: #00d2ff;--neon-orange: #ffaa00;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-neon-green: 0 0 10px rgba(0, 255, 157, .2);--shadow-neon-red: 0 0 10px rgba(255, 0, 85, .2);color-scheme:dark;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;margin:0;padding:0;text-align:center}h1{font-size:3.2em;line-height:1.1;background:linear-gradient(to right,var(--neon-blue),var(--neon-green));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .25s;box-shadow:0 4px 6px #0000004d}button:hover{border-color:var(--neon-blue);box-shadow:0 0 15px #00d2ff66;transform:translateY(-2px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{background-color:var(--bg-secondary);border:1px solid #333;border-radius:var(--radius-sm);padding:.8rem;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .3s}input:focus{border-color:var(--neon-blue);box-shadow:0 0 8px #00d2ff4d}.status-card{background:linear-gradient(135deg,#fff0 30%,#ffffff14,#fff0 70%),var(--bg-card);padding:2rem;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);transition:all .3s ease-in-out;cursor:pointer}.status-card:hover{transform:translateY(-5px);border-color:#ffffff4d}.status-card.status-up:hover{box-shadow:0 0 25px var(--neon-green),0 0 50px #00ff9d1a;border-color:var(--neon-green)}.status-card.status-down:hover{box-shadow:0 0 25px var(--neon-red),0 0 50px #ff00551a;border-color:var(--neon-red)}.status-card.status-pending:hover,.status-card.status-unstable:hover{box-shadow:0 0 25px #ffffff80;border-color:#ffffff80}@keyframes digital-twitch{0%,90%{transform:translate(0);filter:none;box-shadow:none}91%{transform:translate(-2px,1px);filter:contrast(1.2) brightness(1.1);box-shadow:2px 0 var(--neon-blue),-2px 0 var(--neon-red)}92%{transform:translate(1px,-2px);box-shadow:-2px 0 var(--neon-green),2px 0 var(--neon-red)}93%{transform:translate(-1px,2px);filter:hue-rotate(90deg)}94%{transform:translate(2px,-1px);box-shadow:none;filter:none}95%{transform:translate(0)}96%{transform:translate(-1px,-1px);box-shadow:2px 0 var(--neon-red),-2px 0 var(--neon-blue)}to{transform:translate(0);filter:none;box-shadow:none}}.glitch-active{animation:digital-twitch 3s infinite;transform-style:preserve-3d;backface-visibility:hidden}.glitch-active:hover{animation:none}@keyframes pulse-green{0%{box-shadow:0 0 #00ff9db3}70%{box-shadow:0 0 0 10px #00ff9d00}to{box-shadow:0 0 #00ff9d00}}.animate-pulse-green{animation:pulse-green 2s infinite}