:root{--bg-color: #030712;--text-color: #e2e8f0;--primary-color: #0ea5e9;--secondary-color: #6366f1;--accent-color: #00f3ff;--font-main: "Outfit", sans-serif;--font-mono: "Space Grotesk", monospace}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;height:100vh}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}#app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(3,7,18,.9) 100%)}header{padding:2rem;display:flex;justify-content:center;align-items:center}.logo-container{display:flex;align-items:center;gap:1rem}.logo-icon{width:20px;height:20px;background:var(--accent-color);box-shadow:0 0 15px var(--accent-color);transform:rotate(45deg)}.logo-text{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;letter-spacing:.2em;color:#fff}main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem}.content{text-align:center;max-width:800px;background:#0f172a99;padding:4rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 25px 50px -12px #00000080}.status-badge{display:inline-block;background:#0ea5e91a;color:var(--primary-color);padding:.5rem 1rem;border-radius:9999px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(14,165,233,.2)}.blink{animation:blink 1.5s infinite}.content h1{font-size:4rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.subtitle{font-size:1.2rem;color:#94a3b8;margin-bottom:3rem;font-weight:300}.server-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.server-rack{display:flex;gap:4px}.server-unit{width:40px;height:8px;background:#1e293b;border-radius:2px;position:relative;overflow:hidden}.server-unit.active{background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.server-unit.loading{background:#1e293b}.server-unit.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);animation:loading-scan 1s infinite linear}.status-text{font-family:var(--font-mono);color:var(--accent-color);font-size:.9rem}.cursor{display:inline-block;width:8px;background:var(--accent-color);animation:bg-blink 1s infinite;margin-left:5px}footer{padding:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;color:#64748b;font-size:.9rem}.contact-info a{color:var(--text-color);text-decoration:none;transition:color .3s}.contact-info a:hover{color:var(--accent-color)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes bg-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes loading-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.content h1{font-size:2.5rem}.content{padding:2rem;margin:1rem}.footer-content{flex-direction:column;text-align:center;gap:1rem}}