/* resources/base.css */

/* Custom Scrollbar Styles */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a; /* Dark gray for track */
}

::-webkit-scrollbar-thumb {
    background: #db2777; /* Pink for thumb */
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ec4899; /* Lighter pink on hover */
}

/* Global styles for anchor links */
.anchor-link {
    text-decoration: none !important; /* Remove underline */
}

/* Keyframe for neon pulse effect */
@keyframes pulse-neon {
    0%, 100% {
        text-shadow: 0 0 5px #db2777, 0 0 10px #db2777, 0 0 15px #db2777;
        transform: scale(1);
    }
    50% {
        text-shadow: 0 0 10px #ec4899, 0 0 20px #ec4899, 0 0 30px #ec4899;
        transform: scale(1.05);
    }
}

.animate-pulse-neon {
    animation: pulse-neon 2s infinite alternate ease-in-out;
}

/* Keyframe for fade-in-up animation */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.7s ease-out forwards;
}
/* resources/base.css */

/*
 * Base styles for common elements within the .privacyNestZone container.
 * These styles are designed for readability and a modern, clean aesthetic,
 * assuming a dark background for the overall site.
 */

.privacyNestZone {
    /* Container padding for top, bottom, and sides */
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    /* Max width to prevent content from stretching too wide on large screens */
    max-width: 960px;
    /* Center the container horizontally */
    margin: 0 auto;
    /* Default text color for better contrast on a dark background */
    color: #e0e0e0; /* Light gray */
    /* Default font family, assuming 'Inter' is imported or a suitable fallback */
    font-family: 'Inter', sans-serif;
}

.privacyNestZone h1 {
    /* Heading 1 styles */
    font-size: 2.5rem; /* Approximately 40px */
    font-weight: 700; /* Bold */
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #f8fafc; /* Lighter white for headings */
}

.privacyNestZone h2 {
    /* Heading 2 styles */
    font-size: 2rem; /* Approximately 32px */
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #f8fafc;
}

.privacyNestZone h3 {
    /* Heading 3 styles */
    font-size: 1.75rem; /* Approximately 28px */
    font-weight: 700;
    line-height: 1.3;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
    color: #f8fafc;
}

.privacyNestZone h4 {
    /* Heading 4 styles */
    font-size: 1.5rem; /* Approximately 24px */
    font-weight: 700;
    line-height: 1.4;
    margin-top: 1.8rem;
    margin-bottom: 0.7rem;
    color: #f8fafc;
}

.privacyNestZone h5 {
    /* Heading 5 styles */
    font-size: 1.25rem; /* Approximately 20px */
    font-weight: 700;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
    color: #f8fafc;
}

.privacyNestZone p {
    /* Paragraph styles */
    font-size: 1.125rem; /* Approximately 18px */
    line-height: 1.6;
    margin-bottom: 1.25rem; /* Space between paragraphs */
}

.privacyNestZone ul,
.privacyNestZone ol {
    /* Unordered and Ordered list container styles */
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem; /* Indentation for list markers */
    list-style-position: outside; /* Bullet/number outside content block */
}

.privacyNestZone ul {
    /* Default list style for unordered lists */
    list-style-type: disc;
}

.privacyNestZone ol {
    /* Default list style for ordered lists */
    list-style-type: decimal;
}

.privacyNestZone li {
    /* List item styles */
    font-size: 1.125rem; /* Consistent with paragraph text */
    line-height: 1.6;
    margin-bottom: 0.75rem; /* Space between list items */
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

#platforms img{
    border: 0 !important;
}

.hero-area{
    min-height: 35px !important;
    padding: 150px 20px 100px 20px !important;
}

#header .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#header nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}