:root{--bg-color:#07090e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#38bdf8;--accent-teal:#2dd4bf;--accent-blue:#60a5fa;--accent-amber:#fbbf24;--accent-green:#34d399;--card-bg:#0d121eb3;--card-border:#ffffff17;--card-border-hover:#38bdf859}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}.dot-grid-canvas{z-index:0;background-color:var(--bg-color);pointer-events:auto;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#07090e}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#334155}.page-wrapper{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:clamp(.75rem,1.8vh,1.25rem) clamp(1rem,2vw,1.5rem);display:flex;position:relative}.interactive-content{pointer-events:auto;flex-direction:column;align-items:center;width:100%;max-width:660px;margin:auto 0;display:flex}.top-nav{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#0d121e80;border:1px solid #ffffff12;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;max-width:960px;margin-bottom:clamp(.75rem,2vh,1.5rem);padding:.65rem 1.25rem;display:flex;box-shadow:0 4px 24px -1px #00000059}.brand-wrapper{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 0 10px #38bdf866);width:auto;height:28px}.brand-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1rem;font-weight:700}.badge-status{color:#fde047;letter-spacing:.04em;text-transform:uppercase;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.pulse-dot{background-color:#fbbf24;border-radius:50%;width:7px;height:7px;display:inline-block;position:relative}.pulse-dot:after{content:"";background:#fbbf2499;border-radius:50%;width:13px;height:13px;animation:2s cubic-bezier(0,0,.2,1) infinite pulse-ping;position:absolute;top:-3px;left:-3px}@keyframes pulse-ping{0%{opacity:.8;transform:scale(.8)}75%,to{opacity:0;transform:scale(2.2)}}.maintenance-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#0d121eb8;border:1px solid #ffffff17;border-radius:24px;width:100%;padding:clamp(1.5rem,3.5vh,2.25rem) clamp(1.25rem,3vw,2rem);transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #0000008c,0 0 0 1px #38bdf814,inset 0 1px #ffffff1a}.maintenance-card:hover{border-color:#38bdf840;box-shadow:0 25px 60px -10px #000000a6,0 0 40px -10px #38bdf826,inset 0 1px #ffffff26}.card-ambient-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#38bdf82e 0%,#0ea5e900 70%);width:320px;height:220px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.icon-container{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #38bdf840;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:inline-flex;position:relative;box-shadow:0 10px 30px -5px #0ea5e94d}.icon-container:after{content:"";pointer-events:none;background:linear-gradient(135deg,#38bdf866,#0000 60%);border-radius:18px;position:absolute;inset:-1px}.maintenance-badge-wrapper{margin-bottom:.9rem}.pill-notice{color:#7dd3fc;letter-spacing:.02em;background:#38bdf814;border:1px solid #38bdf833;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.82rem;font-weight:500;display:inline-flex}.main-heading{letter-spacing:-.035em;color:#fff;margin-bottom:.85rem;font-size:clamp(1.8rem,4.5vw,2.4rem);font-weight:800;line-height:1.2}.heading-gradient{background:linear-gradient(135deg,#38bdf8 0%,#2dd4bf 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline}.main-desc{color:#94a3b8;max-width:520px;margin:0 auto;font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:400;line-height:1.6}.status-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.5rem;display:grid}@media (width<=540px){.status-grid{grid-template-columns:1fr;gap:.5rem}}.status-item{background:#0f172a99;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:.35rem;padding:.85rem 1rem;transition:background .2s,border-color .2s;display:flex}.status-item:hover{background:#1e293b80;border-color:#38bdf833}.status-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.status-val{color:#e2e8f0;align-items:center;gap:.45rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;display:flex}.status-indicator-dot{border-radius:50%;width:6px;height:6px}.dot-amber{background-color:#fbbf24;box-shadow:0 0 8px #fbbf24}.dot-green{background-color:#34d399;box-shadow:0 0 8px #34d399}.dot-cyan{background-color:#38bdf8;box-shadow:0 0 8px #38bdf8}.actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf866;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px -2px #0284c766}.btn-primary:hover{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-color:#38bdf899;transform:translateY(-2px);box-shadow:0 8px 25px -2px #0ea5e980}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{color:#fff;background:#334155b3;border-color:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.canvas-hint{color:#64748b;-webkit-user-select:none;user-select:none;background:#0f172a66;border:1px dashed #ffffff14;border-radius:9999px;align-items:center;gap:.5rem;margin-top:1.15rem;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.canvas-hint span.icon-glow{color:#38bdf8;animation:4s infinite pulse-spin}@keyframes pulse-spin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}}.footer-info{pointer-events:auto;color:#475569;flex-direction:column;align-items:center;gap:.35rem;margin-top:clamp(.75rem,2vh,1.5rem);font-size:.78rem;display:flex}.footer-links{align-items:center;gap:1.25rem;display:flex}.footer-link{color:#64748b;align-items:center;gap:.35rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{color:#38bdf8}.toast-notice{color:#7dd3fc;background:#0ea5e91f;border:1px solid #38bdf840;border-radius:10px;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1rem;font-size:.82rem;animation:.3s ease-out fade-in;display:inline-flex}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}