body {
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a;
    color: #e2e8f0;
}
.gradient-text {
    background: linear-gradient(90deg, #3b82f6, #06b6d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.glass-effect {
    background: rgba(17, 24, 39, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.hero-bg {
    background-image: radial-gradient(circle at top right, rgba(59, 130, 246, 0.1), transparent 40%),
                      radial-gradient(circle at bottom left, rgba(6, 182, 212, 0.1), transparent 40%);
}
.chat-bubble { max-width: 80%; }
.chat-widget { transition: all 0.3s ease-in-out; }
.app-icon i { transition: transform 0.3s ease-in-out; }
.app-icon:hover i { transform: scale(1.15) rotate(5deg); }
.footer-bg {
    background-image: radial-gradient(circle at 10% 10%, rgba(59, 130, 246, 0.15), transparent 30%),
                      radial-gradient(circle at 90% 80%, rgba(6, 182, 212, 0.15), transparent 40%);
}
.mini-3d-canvas-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 200px;
    z-index: 0;
    opacity: 0.3;
    pointer-events: none;
}