:root{--space: #060B16;--deep: #0A1220;--surface: #0F1A2E;--card: #141F35;--card-2: #192640;--border: rgba(0, 207, 255, .1);--border-h:rgba(0, 207, 255, .28);--photon: #00CFFF;--nebula: #7B4FFF;--pulse: #4DFFC8;--nova: #FF6B35;--stellar: #FFD166;--text-1: #E8F4FF;--text-2: rgba(232,244,255,.6);--text-3: rgba(232,244,255,.3);--success: #00E5A0;--warning: #FFD166;--danger: #FF4E6A;--info: #00CFFF;--font-display: "Syne", sans-serif;--font-ui: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--space);color:var(--text-1);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--deep)}::-webkit-scrollbar-thumb{background:var(--nebula);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--photon)}::-moz-selection{background:#00cfff40;color:var(--photon)}::selection{background:#00cfff40;color:var(--photon)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{opacity:.4}to{opacity:1}}@keyframes orbit{0%{transform:rotate(0) translate(38px) rotate(0)}to{transform:rotate(360deg) translate(38px) rotate(-360deg)}}@keyframes scan{0%{transform:translateY(-100%);opacity:0}50%{opacity:.15}to{transform:translateY(100vh);opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(10%,15%) scale(1.1);opacity:.5}66%{transform:translate(-5%,10%) scale(.9);opacity:.4}}@keyframes orb-float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.animate-up{animation:slide-up .35s ease forwards}.animate-fade{animation:fade-in .3s ease forwards}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{border-color:var(--photon);transform:translateY(-5px);box-shadow:0 10px 30px #00cfff26;background:var(--card-2)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,207,255,.1),transparent 80%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover:after{opacity:1}.card-2{background:var(--card-2)}@keyframes grid-pulse{0%,to{opacity:.8}50%{opacity:1}}.grid-bg{background-image:linear-gradient(rgba(0,207,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,207,255,.03) 1px,transparent 1px);background-size:44px 44px;animation:grid-pulse 4s ease-in-out infinite}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:500;font-family:var(--font-mono);border:1px solid;text-transform:uppercase;letter-spacing:.5px}.tag-photon{background:#00cfff1a;color:var(--photon);border-color:#00cfff40}.tag-nebula{background:#7b4fff1f;color:#a888ff;border-color:#7b4fff4d}.tag-pulse{background:#4dffc814;color:var(--pulse);border-color:#4dffc840}.tag-nova{background:#ff6b351a;color:var(--nova);border-color:#ff6b3540}.tag-stellar{background:#ffd1661a;color:var(--stellar);border-color:#ffd16640}.tag-success{background:#00e5a014;color:var(--success);border-color:#00e5a040}.tag-danger{background:#ff4e6a1a;color:var(--danger);border-color:#ff4e6a40}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-idle{background:var(--stellar);animation:pulse-dot 2s infinite}.dot-active{background:var(--pulse);animation:pulse-dot 1s infinite}.dot-thinking{background:var(--photon);animation:pulse-dot .8s infinite}.dot-error{background:var(--danger)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r-md);border:1px solid var(--border);background:transparent;color:var(--text-1);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.btn:hover{border-color:var(--photon);color:var(--photon);background:#00cfff12;transform:translateY(-2px);box-shadow:0 5px 15px #00cfff26}.btn:active{transform:translateY(0) scale(.97)}.btn-primary{background:var(--photon);border-color:var(--photon);color:#020d1a;font-weight:600}.btn-primary:hover{background:#22d9ff;border-color:#22d9ff;color:#020d1a;box-shadow:0 0 24px #00cfff59;transform:translateY(-2px) scale(1.02)}.btn-nebula{background:var(--nebula);border-color:var(--nebula);color:#fff;font-weight:600}.btn-nebula:hover{background:#9270ff;border-color:#9270ff;box-shadow:0 0 24px #7b4fff59}.btn-ghost{border-color:transparent}.btn-ghost:hover{border-color:var(--border-h);background:#00cfff0d}.btn-danger{border-color:#ff4e6a4d;color:var(--danger)}.btn-danger:hover{background:#ff4e6a1a;border-color:var(--danger)}.btn-sm{padding:5px 12px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px;border-radius:var(--r-sm)}input,select,textarea{background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);font-family:var(--font-ui);font-size:13px;padding:9px 13px;outline:none;width:100%;transition:border-color .18s}input:focus,select:focus,textarea:focus{border-color:var(--photon);box-shadow:0 0 0 3px #00cfff1f}input::-moz-placeholder{color:var(--text-3)}input::placeholder{color:var(--text-3)}label{font-size:12px;color:var(--text-2);display:block;margin-bottom:5px;font-weight:500}select option{background:var(--card)}.divider{height:1px;background:var(--border)}.glow-photon{box-shadow:0 0 30px #00cfff33}.glow-nebula{box-shadow:0 0 30px #7b4fff33}[data-tc-button]{font-family:var(--font-ui)!important}.sidebar{width:230px;min-width:230px;z-index:10}.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}.dashboard-grid-2-1{grid-template-columns:2fr 1fr}.dashboard-grid-2{grid-template-columns:1fr 1fr}.wallet-options-grid{grid-template-columns:repeat(3,1fr)}.wallet-grid-2,.nft-grid{grid-template-columns:1fr 1fr}.agent-spawn-grid{grid-template-columns:1fr 1fr 1fr}.agent-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.agent-metrics-grid,.blockchain-stat-grid{grid-template-columns:repeat(4,1fr)}.blockchain-info-grid{grid-template-columns:1fr 1fr}.defi-protocol-grid{grid-template-columns:repeat(3,1fr)}.defi-pool-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.dao-asset-grid,.analytics-stat-grid{grid-template-columns:repeat(4,1fr)}.analytics-charts-grid{grid-template-columns:2fr 1fr}.analytics-perf-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:20}.hamburger-btn span{width:24px;height:2px;background:var(--text-1);border-radius:2px;transition:all .3s linear;position:relative;transform-origin:1px}@media (max-width: 768px){.sidebar{position:fixed!important;left:-250px!important;top:0;height:100%!important;width:250px!important;min-width:250px!important;transition:left .3s ease-in-out!important;z-index:1000!important;box-shadow:20px 0 50px #00000080}.sidebar.mobile-open{left:0!important}.hamburger-btn{display:flex}.hide-mobile{display:none!important}.page-subtitle{display:none}.dashboard-grid-4,.blockchain-stat-grid,.dao-asset-grid,.analytics-stat-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid-2-1,.dashboard-grid-2,.wallet-grid-2,.agent-spawn-grid,.blockchain-info-grid,.defi-protocol-grid,.analytics-charts-grid{grid-template-columns:1fr!important}.defi-pool-grid,.analytics-perf-grid{grid-template-columns:1.5fr 1fr 1fr!important}.defi-pool-grid>*:nth-child(4),.defi-pool-grid>*:nth-child(5),.analytics-perf-grid>*:nth-child(4),.analytics-perf-grid>*:nth-child(5){display:none}.agent-cards-grid{grid-template-columns:1fr!important}.agent-metrics-grid,.wallet-options-grid{grid-template-columns:repeat(2,1fr)!important}.wallet-header-grid{flex-direction:column;gap:16px}.wallet-header-button{align-self:flex-start}header{padding:0 16px!important;gap:12px!important}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}@media (max-width: 480px){.dashboard-grid-4,.wallet-options-grid,.nft-grid,.agent-spawn-grid,.agent-cards-grid,.blockchain-stat-grid,.blockchain-info-grid,.defi-protocol-grid,.defi-pool-grid,.dao-asset-grid,.analytics-stat-grid,.analytics-charts-grid,.analytics-perf-grid{grid-template-columns:1fr!important}main{padding:16px!important;overflow-x:hidden!important}.card{border-radius:var(--r-md)!important}.tx-grid{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}.dao-proposal-header{flex-direction:column!important;align-items:flex-start!important;gap:8px}.dao-vote-buttons{flex-direction:column!important;gap:8px}.dao-vote-buttons button{width:100%!important}.settings-action-buttons{flex-direction:column!important}.settings-action-buttons button{width:100%!important}.wallet-connect-container{margin:30px 15px!important;max-width:none!important;padding:0 10px}}@keyframes background-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-img{animation:logo-float 4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(0,207,255,.15));transition:all .3s ease;cursor:pointer}.logo-img:hover{transform:translateY(-3px) scale(1.05);filter:drop-shadow(0 0 15px rgba(0,207,255,.4))}.nebula{position:fixed;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;opacity:.3;animation:nebula-drift 20s ease-in-out infinite}.nebula-1{width:600px;height:600px;background:radial-gradient(circle,var(--photon),transparent 70%);left:-100px;top:-100px;animation-delay:0s}.nebula-2{width:500px;height:500px;background:radial-gradient(circle,var(--nebula),transparent 70%);right:-50px;bottom:-50px;animation-delay:-5s}.nebula-3{width:400px;height:400px;background:radial-gradient(circle,var(--pulse),transparent 70%);left:40%;top:30%;animation-delay:-10s}.grid-scan-line{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--photon),transparent);z-index:1;pointer-events:none;animation:scan 8s linear infinite}.particle{position:fixed;width:2px;height:2px;background:#fff;border-radius:50%;pointer-events:none;z-index:1;opacity:.5;animation:orb-float 10s ease-in-out infinite alternate}.social-link{transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:var(--text-3);text-decoration:none}.social-link:hover{transform:translateY(-3px) scale(1.15);color:var(--photon);filter:drop-shadow(0 0 8px rgba(0,207,255,.5))}.ca-box:hover{border-color:var(--photon)!important;background:#00cfff1a!important;box-shadow:0 0 15px #00cfff1a}.ca-box:active{transform:scale(.98)}.animated-background{background:linear-gradient(-45deg,#060b16,#0a1220,#0f1a2e,#0a1220);background-size:400% 400%;animation:background-gradient-shift 15s ease infinite}