/* Global Resets and Adjustments */
* {
    -webkit-tap-highlight-color: transparent;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    overflow-x: hidden;
    
    /* COMBINED BACKGROUND */
    background-color: #0a0a1a; /* Fallback color */
    background-image: 
        /* Top layer: Tech pattern */
        radial-gradient(circle at 25% 25%, rgba(61, 103, 255, 0.1) 0%, transparent 50%),
        linear-gradient(90deg, rgba(61, 103, 255, 0.05) 1px, transparent 1px),
        linear-gradient(rgba(61, 103, 255, 0.05) 1px, transparent 1px),
        /* Bottom layer: Gradient */
        linear-gradient(135deg, #0a0a1a 0%, #1a1a3a 50%, #2a0a3a 100%);
    background-size: 50px 50px, 50px 50px, 50px 50px, auto;
}

:focus {
    outline: 2px solid #3d67ff;
    outline-offset: 2px;
}

/* Custom Styles */
.neon-text {
    text-shadow: 0 0 5px #3d67ff, 0 0 10px #3d67ff, 0 0 15px #3d67ff;
}

.neon-border {
    border: 1px solid #3d67ff;
    box-shadow: 0 0 10px #3d67ff, inset 0 0 10px #3d67ff;
}

/* Animations */
.floating {
    animation: floating 6s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(61, 103, 255, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(61, 103, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(61, 103, 255, 0); }
}