/* Base Resets are handled by Tailwind */

/* Background Animated Orbs */
.bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.35;
    z-index: 0;
    animation: floatOrb 10s infinite ease-in-out alternate;
    pointer-events: none;
}

.orb-1 {
    width: 350px;
    height: 350px;
    background: #00f3ff;
    top: 5%;
    left: 10%;
}

.orb-2 {
    width: 450px;
    height: 450px;
    background: #bc13fe;
    bottom: -10%;
    right: 5%;
    animation-delay: -5s;
}

@keyframes floatOrb {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(40px, 60px) scale(1.1); }
}

/* Noise Overlay for Cyberpunk Vibe */
.noise-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.75" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');
    opacity: 0.04;
}

/* Logo Glow - Removed for custom logo image to prevent rectangular box shadow */

/* Social Cards */
.social-card {
    @apply flex flex-col items-center justify-center p-5 rounded-2xl bg-white/5 backdrop-blur-md border border-white/10 transition-all duration-300;
}

.social-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 243, 255, 0.15), 0 0 20px rgba(188, 19, 254, 0.25);
    border-color: rgba(0, 243, 255, 0.5);
    background: rgba(255, 255, 255, 0.08);
}

/* Loading Bar Animation */
.loading-bar {
    animation: load 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards, pulseGlow 2s infinite alternate;
}

@keyframes load {
    0% { width: 0%; }
    100% { width: 85%; }
}

@keyframes pulseGlow {
    0% { box-shadow: 0 0 5px rgba(188, 19, 254, 0.5); }
    100% { box-shadow: 0 0 18px rgba(0, 243, 255, 0.9); }
}

/* RTL Support - Override fonts if necessary for better legibility */
[dir="rtl"] {
    font-family: Tahoma, Arial, sans-serif;
}
[dir="rtl"] .cyber-glitch {
    font-family: Tahoma, Arial, sans-serif;
    letter-spacing: normal;
}

/* Dropdown visibility classes used by JS */
.invisible {
    visibility: hidden;
}
.visible {
    visibility: visible;
}