/* Reset and Global Styles */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    background-image: linear-gradient(to top, #000609 0%, #1E2E3E 100%);
    scroll-behavior: smooth;
}

/* Header Styles */
header {
    transition: top 0.3s ease-in-out;
}

.header-hide {
    top: -100%;
}

.bg-dark-custom {
    background: #010203;
}

.custom-bg-gradient {
    background-image: linear-gradient(60deg, #3D3393 0%, #2B76B9 37%, #2CACD1 65%, #35EB93 100%);
}

/* Text Effects */
.custom-text-gradient {
    background-image: linear-gradient(to right, #FFFFFF 0%, #E5E5E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Hero Section Styles */
.hero-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh;
    color: white;
    text-align: center;
}

.hero-section video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.75;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.video-container {
    height: 500px;
    overflow: hidden;
}

/* Card Styles */
.section-card {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.section-card h2 {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* Link Styles */
a.custom-btn {
    background: #010203;
    padding: 15px 30px; 
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
}

a:hover {
    transition: color 0.3s ease-in-out;
}

a.custom-btn:hover {
    background: #FFFFFF;
    color: #010203;
    cursor: pointer;
}

/* Hover Effects */
.custom-text-hover:hover {
    background: #FFFFFF;
    background: linear-gradient(
        to right, 
        #3D3393 0%,
        #2B76B9 37%,
        #2CACD1 65%,
        #35EB93 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Brighter gradient backgrounds for each icon */
.fas.fa-power-off {
    background: linear-gradient(135deg, #FF5349 0%, #FF8373 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-sun {
    background: linear-gradient(135deg, #FFEB64 0%, #FFF3A0 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-thermometer-half {
    background: linear-gradient(135deg, #00ABFF 0%, #66CCFF 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-palette {
    background: linear-gradient(135deg, #9933FF 0%, #C085FF 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-wave-square {
    background: linear-gradient(135deg, #00E0FF 0%, #99F5FF 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-magic {
    background: linear-gradient(135deg, #FF6100 0%, #FF8F4A 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-clock {
    background: linear-gradient(135deg, #2DFD2D 0%, #93FF93 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-adjust {
    background: linear-gradient(135deg, #FF8080 0%, #FF0000 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.fas.fa-battery-three-quarters {
    background: linear-gradient(135deg, #FFC000 0%, #FFF380 100%);
    -webkit-background-clip: text;
    color: transparent;
}