/* Intelligence cards — glass style from Stitch */ .glass-card { background: linear-gradient(180deg, rgba(28, 20, 45, 0.7) 0%, rgba(18, 14, 28, 0.9) 100%); backdrop-filter: blur(12px); border: 1px solid rgba(167, 139, 250, 0.12); position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .glass-card::before { content: ''; position: absolute; left: 0; top: 20%; height: 60%; width: 2px; background: linear-gradient(to bottom, transparent, #A78BFA, transparent); opacity: 0.4; } .glass-card:hover { border-color: rgba(167, 139, 250, 0.3); box-shadow: 0 0 30px rgba(167, 139, 250, 0.1); } .neon-glow-violet { box-shadow: 0 0 20px rgba(167, 139, 250, 0.15); } .active-pulse { box-shadow: 0 0 15px rgba(167, 139, 250, 0.4); animation: intel-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes intel-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.7; transform: scale(1.1); } } .font-mono-data { font-family: 'JetBrains Mono', 'Courier New', monospace; } /* dot-grid background for knowledge mesh */ .dot-grid { background-image: radial-gradient(circle at 2px 2px, #A78BFA 1px, transparent 0); background-size: 24px 24px; }