@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-dark:224 25% 6%;--card-dark:224 25% 9%;--card-border:224 20% 15%;--text-primary:0 0% 98%;--text-secondary:224 10% 70%;--accent-purple:270 95% 60%;--accent-blue:210 95% 55%;--accent-teal:170 90% 50%;--success:142 70% 50%;--warning:38 92% 50%;--grad-primary:linear-gradient(135deg, hsl(var(--accent-purple)) 0%, hsl(var(--accent-blue)) 100%);--grad-glow:linear-gradient(135deg, hsla(var(--accent-purple), .15) 0%, hsla(var(--accent-blue), .15) 100%);--grad-success:linear-gradient(135deg, hsla(var(--success), .2) 0%, hsla(var(--success), .05) 100%);--grad-warning:linear-gradient(135deg, hsla(var(--warning), .2) 0%, hsla(var(--warning), .05) 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font-sans);background-color:hsl(var(--bg-dark));color:hsl(var(--text-primary));justify-content:center;align-items:center;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}#app{width:100%;max-width:1200px;margin:0 auto;padding:2rem}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spinLoader{to{transform:rotate(360deg)}}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-container{flex-direction:column;align-items:center;gap:3rem;width:100%;display:flex}.bg-glow{background:var(--grad-primary);filter:blur(150px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:350px;animation:10s infinite pulseGlow;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%)}.app-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.logo-wrapper{background:var(--grad-primary);box-shadow:0 10px 30px -10px hsla(var(--accent-purple), .5);border-radius:16px;margin-bottom:1.5rem;padding:3px;animation:6s ease-in-out infinite floatElement;display:inline-flex}.logo-inner{background:hsl(var(--bg-dark));border-radius:13px;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:2px;background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.app-title{font-family:var(--font-heading);letter-spacing:-1px;font-size:3rem;font-weight:800;line-height:1.2}.app-title span{background:linear-gradient(135deg, hsl(var(--accent-purple)) 30%, hsl(var(--accent-teal)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-subtitle{color:hsl(var(--text-secondary));max-width:600px;font-size:1.1rem;font-weight:400}.status-card{background-color:hsl(var(--card-dark));border:1px solid hsl(var(--card-border));border-radius:24px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:800px;padding:3rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #000000b3}.status-card:before{content:"";background:var(--grad-primary);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.status-badge-wrapper{justify-content:center;align-items:center;display:flex}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:flex}.status-badge.loading{background:hsla(var(--accent-blue), .1);border:1px solid hsla(var(--accent-blue), .3);color:hsl(var(--accent-blue))}.status-badge.connected{background:hsla(var(--success), .1);border:1px solid hsla(var(--success), .3);color:hsl(var(--success))}.status-badge.offline{background:hsla(var(--warning), .1);border:1px solid hsla(var(--warning), .3);color:hsl(var(--warning))}.status-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px}.status-badge.connected .status-dot{box-shadow:0 0 12px hsl(var(--success));animation:1.5s infinite pulseGlow}.status-badge.offline .status-dot{box-shadow:0 0 12px hsl(var(--warning));animation:1.5s infinite pulseGlow}.message-display{font-family:var(--font-heading);text-align:center;color:hsl(var(--text-primary));justify-content:center;align-items:center;max-width:600px;min-height:80px;font-size:2.2rem;font-weight:700;display:flex}.message-display.error-text{color:hsl(var(--warning))}.spinner{border:3px solid hsla(var(--text-primary), .1);border-top-color:currentColor;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spinLoader}.refresh-button{background:var(--grad-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 8px 24px -6px hsla(var(--accent-purple), .4);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:600;display:flex}.refresh-button:hover{box-shadow:0 12px 28px -4px hsla(var(--accent-purple), .6);transform:translateY(-2px)}.refresh-button:active{transform:translateY(0)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.architecture-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1000px;display:grid}.arch-card{background:hsl(var(--card-dark));border:1px solid hsl(var(--card-border));text-align:left;border-radius:20px;flex-direction:column;gap:1rem;padding:2rem 1.5rem;display:flex;position:relative}.arch-card:hover{border-color:hsla(var(--accent-blue), .3);transform:translateY(-4px);box-shadow:0 12px 30px -10px #00000080}.arch-icon-box{background:hsla(var(--accent-blue), .1);width:48px;height:48px;color:hsl(var(--accent-blue));border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.arch-title{font-family:var(--font-heading);color:hsl(var(--text-primary));font-size:1.25rem;font-weight:700}.arch-desc{color:hsl(var(--text-secondary));flex-grow:1;font-size:.9rem;line-height:1.5}.arch-badge{text-transform:uppercase;border-radius:6px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.arch-badge.railway{color:#f02eaa;background:#f02eaa1a;border:1px solid #f02eaa33}.arch-badge.vercel{color:#fff;background:#ffffff1a;border:1px solid #fff3}.arch-badge.godaddy{color:#00a699;background:#00a6991a;border:1px solid #00a69933}.app-footer{color:hsl(var(--text-secondary));margin-top:2rem;font-size:.85rem}.app-footer a{color:hsl(var(--accent-teal));text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (width<=768px){.app-title{font-size:2.2rem}.architecture-grid{grid-template-columns:1fr}.status-card{padding:2rem 1.5rem}.message-display{font-size:1.6rem}}