:root{--bg-dark: #030814;--bg-card: rgba(10, 20, 42, .65);--border-glass: rgba(0, 229, 255, .15);--border-glass-glow: rgba(0, 229, 255, .4);--primary-cyan: #00e5ff;--primary-blue: #0052ff;--primary-warning: #ff3366;--primary-amber: #ff9900;--primary-emerald: #00ffb3;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--font-heading: "Outfit", sans-serif;--font-body: "Space Grotesk", sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;min-height:100vh}body{position:relative;min-height:100vh;display:flex;flex-direction:column}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:auto}.app-container{position:relative;z-index:1;pointer-events:none;max-width:1100px;width:100%;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.navbar,.holding-main,.holding-footer{pointer-events:auto}.glass-card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);box-shadow:0 16px 48px #00000080;border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-radius:var(--radius-full)}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:800;font-size:1.35rem}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue));border-radius:8px;transform:rotate(45deg);box-shadow:0 0 15px #00e5ff99;transition:background .4s ease}.logo-text .highlight{color:var(--primary-cyan);transition:color .4s ease}.header-status-badge{display:flex;align-items:center;gap:10px;padding:6px 16px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);border-radius:var(--radius-full);font-size:.85rem;color:var(--primary-cyan);transition:all .4s ease}.pulse-dot{width:8px;height:8px;background-color:var(--primary-cyan);border-radius:50%;box-shadow:0 0 10px var(--primary-cyan);animation:pulse-ring 1.5s infinite;transition:background .4s ease}.holding-main{display:flex;align-items:center;justify-content:center;padding:40px 0;flex-grow:1}.holding-card{max-width:680px;width:100%;padding:48px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}.status-avatar{width:80px;height:80px;border-radius:50%;background:#00e5ff1a;border:1px solid rgba(0,229,255,.4);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:24px;box-shadow:0 0 30px #00e5ff40;transition:all .4s ease}.holding-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:14px;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--primary-cyan) 60%,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .4s ease}.holding-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:24px;max-width:540px}.holding-description-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px 24px;font-size:.95rem;color:var(--text-muted);margin-bottom:32px;width:100%}.system-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-bottom:36px}.metric-item{background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:4px;text-align:center}.metric-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--primary-cyan)}.metric-value.status-online{color:var(--primary-emerald)}.holding-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.glow-btn{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue));color:#000;font-weight:700;box-shadow:0 0 20px #00e5ff80}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e5ffcc}.btn-glass{background:#ffffff0d;backdrop-filter:blur(10px);color:var(--text-main);border:1px solid var(--border-glass)}.btn-glass:hover{background:#ffffff26;border-color:var(--primary-cyan)}.holding-footer{margin-bottom:24px;padding:16px 28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-mode-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.mode-btn{padding:6px 14px;font-size:.8rem;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.mode-btn.active,.mode-btn:hover{background:#00e5ff26;border-color:var(--primary-cyan);color:var(--text-main)}.footer-copyright{font-size:.85rem;color:var(--text-dim)}.footer-copyright a{color:var(--text-muted);text-decoration:none}.footer-copyright a:hover{color:var(--primary-cyan)}body.mode-suspended{--border-glass: rgba(255, 51, 102, .3);--border-glass-glow: rgba(255, 51, 102, .6)}body.mode-suspended .status-avatar{background:#ff33661f;border-color:#ff336680;box-shadow:0 0 35px #ff336659}body.mode-suspended .logo-icon{background:linear-gradient(135deg,#f36,#f90);box-shadow:0 0 15px #f369}body.mode-suspended .logo-text .highlight{color:#f36}body.mode-suspended .header-status-badge{background:#ff33661a;border-color:#f366;color:#f36}body.mode-suspended .pulse-dot{background-color:#f36;box-shadow:0 0 10px #f36}body.mode-suspended .gradient-text{background:linear-gradient(135deg,#fff,#f36 60%,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.mode-suspended .glow-btn{background:linear-gradient(135deg,#f36,#f90);box-shadow:0 0 20px #ff336680}body.mode-suspended .metric-value{color:#f36}body.mode-new .status-avatar{background:#00ffb31f;border-color:#00ffb380;box-shadow:0 0 35px #00ffb359}body.mode-new .logo-icon{background:linear-gradient(135deg,#00ffb3,#00d9f5);box-shadow:0 0 15px #00ffb399}body.mode-new .gradient-text{background:linear-gradient(135deg,#fff,#00ffb3 60%,#00d9f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}@media (max-width: 768px){.system-metrics-grid{grid-template-columns:1fr}.holding-footer{flex-direction:column;text-align:center}.holding-card{padding:32px 20px}.holding-title{font-size:2rem}}