.insight-card{@apply flex items-start p-6 rounded-lg border transition-all duration-300 hover:shadow-2xl backdrop-blur-sm;background:rgba(96,234,251,0.08);border:1.5px solid rgba(96,234,251,0.25);box-shadow:0 8px 24px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.08)}.insight-card:hover{border-color:rgba(96,234,251,0.45);box-shadow:0 16px 48px rgba(96,234,251,0.2),inset 0 1px 0 rgba(255,255,255,0.12),0 0 32px rgba(96,234,251,0.15);background:rgba(96,234,251,0.12);transform:translateY(-2px)}.insight-icon{@apply fas fa-lightbulb mr-4 mt-1 text-lg;color:#60eafb}.insight-content{@apply leading-relaxed text-sm md:text-base;color:rgba(255,255,255,0.92);font-weight:500;letter-spacing:0.3px}.skeleton-loader{@apply rounded-xl animate-pulse;background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 75%);background-size:200% 100%;animation:shimmer 2.5s linear infinite}.card-hover{@apply transition-all duration-500 ease-out transform;will-change:transform,box-shadow;background:rgba(26,26,26,0.6);border:1px solid rgba(255,255,255,0.1)}.card-hover:hover{@apply -translate-y-2;box-shadow:0 25px 50px -12px rgba(96,234,251,0.15),inset 0 1px 0 rgba(255,255,255,0.2);border-color:rgba(96,234,251,0.3);background:rgba(42,42,42,0.8)}.example-query-hover{@apply transition-all duration-300 ease-out transform;will-change:transform,box-shadow}.example-query-hover:hover{@apply scale-105 -translate-y-1;box-shadow:0 10px 25px -5px rgba(96,234,251,0.3)}.btn-primary{@apply relative overflow-hidden;background:linear-gradient(135deg,#60eafb 0%,#53b0f7 100%)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{box-shadow:0 8px 25px rgba(96,234,251,0.4)}.ripple{position:relative;overflow:hidden}.ripple::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.5);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.ripple:active::after{width:300px;height:300px}.comparison-visual-element{@apply w-12 h-12 rounded-full flex items-center justify-center transition-all duration-300;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);animation:pulseGlow 3s ease-in-out infinite}.comparison-visual-element:hover{background:rgba(255,255,255,0.1);border-color:rgba(96,234,251,0.3);box-shadow:0 0 20px rgba(96,234,251,0.2);@apply transform scale-110}.floating-icon{animation:floatingIcon 4s ease-in-out infinite;transition:all 0.3s ease}.comparison-visual-element:hover .floating-icon{color:#60eafb;animation-duration:2s}@media (max-width:768px){.comparison-visual-element{@apply w-10 h-10}.floating-icon{@apply text-base}}@media (max-width:640px){.comparison-visual-element{@apply w-8 h-8}.floating-icon{@apply text-sm}}.comparison-content{justify-content:space-between}.comparison-content>div:last-child{margin-top:auto}.comparison-content .space-y-4>div{margin-bottom:1rem}.comparison-content .mb-6:last-of-type{margin-bottom:1.5rem}@media (prefers-reduced-motion:reduce){.comparison-visual-element{animation:none}.floating-icon{animation:none}.comparison-visual-element:hover{transform:none}}