/* ================================
   MYFUNADS — GLOBAL STYLES
================================ */

:root {
    --bg-primary: #ffffff;

    --red: #ff2d2d;
    --orange: #ffb36b;

    --text-primary: #111111;
    --text-secondary: #555555;

    --font-primary: "Inter", sans-serif;

    --container-width: 1400px;

    --transition: 0.3s ease;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
    overflow-x: clip;
}

body {
    min-height: 100vh;

    background: #ffffff;
    color: var(--text-primary);

    font-family: var(--font-primary);

    -webkit-font-smoothing: antialiased;

    position: relative;
    overflow-x: clip;
}


/* Global flowing gradient */

body::before {
    content: "";

    position: fixed;
    inset: -20%;

    z-index: -1;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(255, 35, 35, 0.28),
            transparent 38%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(255, 170, 90, 0.32),
            transparent 40%
        ),
        radial-gradient(
            circle at 55% 85%,
            rgba(255, 60, 40, 0.18),
            transparent 45%
        );

    filter: blur(45px);

    pointer-events: none;
}


/* ================================
   GLOBAL ELEMENT BASICS
================================ */

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea {
    font-family: inherit;
}

img,
video,
canvas {
    max-width: 100%;
}


/* Keep anchor targets and focused fields clear of the fixed navbar. */

[id] {
    scroll-margin-top: 104px;
}