:root{--bg-main: #0a0a0f;--bg-card: rgba(20, 20, 30, .6);--bg-card-hover: rgba(30, 30, 45, .8);--bg-input: #12121e;--accent: #bc3ffc;--accent-cyan: #00f0ff;--accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-cyan) 100%);--text-main: #f3f3f6;--text-secondary: #9a9ab0;--text-muted: #62627a;--border-card: rgba(255, 255, 255, .08);--border-focus: rgba(0, 240, 255, .5);--green: #00e676;--red: #ff5252;--yellow: #ffd700;--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%,rgba(188,63,252,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,240,255,.08) 0px,transparent 50%);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;line-height:1.5}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 12px 40px #00000080}.glow-text{text-shadow:0 0 10px rgba(0,240,255,.3)}.glow-accent{text-shadow:0 0 12px rgba(188,63,252,.4)}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:8px;color:var(--text-main);font-family:var(--font-sans);font-size:14px;padding:10px 14px;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px var(--border-focus)}.btn{background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:14px;padding:10px 20px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #bc3ffc80}.btn:active{transform:translateY(1px)}.btn.secondary{background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-main)}.btn.secondary:hover{background:#ffffff1a;box-shadow:none}.btn.danger{background:#ff525226;border:1px solid rgba(255,82,82,.3);color:var(--red)}.btn.danger:hover{background:#ff52524d;box-shadow:0 0 12px #ff525266}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot.online{background-color:var(--green);box-shadow:0 0 8px var(--green)}.dot.offline{background-color:var(--red);box-shadow:0 0 8px var(--red)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.c2-detail-grid{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}@media (max-width: 820px){.c2-detail-grid{grid-template-columns:1fr;gap:20px}}.dot.activated{background-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.dot.trial{background-color:var(--yellow);box-shadow:0 0 8px var(--yellow)}