/* Production CSS - Tailwind-like utilities */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* Glass card effect */
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Dark theme colors */
.bg-dark-card { background-color: #1f2937; }
.hover\:bg-dark-hover:hover { background-color: #374151; }
.border-dark-border { border-color: #4b5563; }

/* Tab active state */
.tab-active {
    background-color: #9333ea;
    color: white;
}

/* Remove blue outlines */
*:focus { outline: none !important; }
*:focus-visible { outline: none !important; }
button:focus, button:focus-visible { outline: none !important; }
.social-button:focus, .social-button:focus-visible { outline: none !important; }

/* CTA button animations */
.cta-button {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.cta-button:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.cta-button:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.cta-button:focus-visible {
    outline: none !important;
    border: none !important;
}