:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #00ff88;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .08);--font-main: "Inter", sans-serif;--font-mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;min-height:100vh;width:100vw}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%)}header{text-align:center;margin-bottom:4rem}h1{font-family:var(--font-mono);font-size:3rem;font-weight:700;letter-spacing:-2px;text-transform:uppercase;margin-bottom:.5rem;text-shadow:0 0 20px rgba(255,255,255,.1)}.subtitle{font-family:var(--font-mono);font-size:.9rem;color:#ffffff80;letter-spacing:2px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1200px}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:16px;text-decoration:none;color:var(--text-color);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.5rem}.card:hover{background:var(--glass-hover);border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 40px #00000080}.card-icon{font-size:2rem;margin-bottom:.5rem}.card h2{font-size:1.25rem;font-weight:600}.card p{font-size:.875rem;color:#fff9}.status-indicator{position:absolute;top:1.5rem;right:1.5rem;width:8px;height:8px;border-radius:50%;background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}footer{position:absolute;bottom:2rem;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:#ffffff4d}.glitch{position:relative}@media(max-width:768px){h1{font-size:2rem}.grid{grid-template-columns:1fr}}