body { background-color: #0B0C15; color: white; }
.glass-panel { background: rgba(17, 24, 39, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); }
.neon-focus:focus { box-shadow: 0 0 20px rgba(139, 92, 246, 0.4); border-color: #8B5CF6; outline: none; }
.tech-tab { background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%); border: 1px solid rgba(255,255,255,0.05); transition: all 0.2s ease; }
.tech-tab:hover { background: linear-gradient(180deg, rgba(6, 182, 212, 0.1) 0%, rgba(6, 182, 212, 0.02) 100%); border-color: rgba(6, 182, 212, 0.3); transform: translateY(-2px); }
.bg-grid { background-size: 40px 40px; mask-image: linear-gradient(to bottom, transparent, black, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent 5%, black 40%, black 70%, transparent 95%); }
.pop-in { animation: popIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
@keyframes popIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.progress-line { transition: all 0.2s ease-in-out; }
.progress-active { background: linear-gradient(90deg, #06B6D4 0%, #8B5CF6 100%) !important; box-shadow: 0 0 12px rgba(6, 182, 212, 0.8); border: none; }