﻿
a.block {
    width: 100%;
    height: 100%;
    border: navajowhite;
    margin: 0;
}


/* Remove the zoom effect completely */
.demo-card video {
    transition: opacity 0.5s ease-in-out;
}


.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Gradient borders */
.gradient-border {
    position: relative;
}

.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(135deg, #FFF700, transparent, #FFF700);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 16px;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.gradient-border:hover::before {
    opacity: 1;
}

/* Yellow glow effect */
.glow-yellow {
    box-shadow: 0 0 30px rgba(255, 247, 0, 0.3);
}

.glow-yellow:hover {
    box-shadow: 0 0 50px rgba(255, 247, 0, 0.5);
}