@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&subset=vietnamese&display=swap');
/* =========================================
   KHAI BAO BIEN DUNG CHUNG (VARIABLES)
   ========================================= */
:root {
    --font-primary: 'oswald', sans-serif;
    /* Font chu chinh */
    --color-text: #ffffff;
    /* Mau chu mac dinh */
    --spacing-container: 4vw;
    /* Khoang cach le 2 ben */
}

/* =========================================
   DAT LAI MAC DINH (RESET)
   ========================================= */
*,
*::before,
*::after {
    box-sizing: border-box;
    /* Tinh kich thuoc bao gom ca padding/border */
    margin: 0;
    padding: 0;
    /* Xoa khoang cach thua */
}

html,
body {
    width: 100%;
    min-height: 6000px;
    
    overflow-x: hidden;
    /* An thanh cuon ngang */
    font-family: var(--font-primary);
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    /* Lam min chu */
   
}

/* =========================================
   HIEU UNG HAT MIN (FILM GRAIN) TOAN TRANG
   ========================================= */
/* Phu lop hat min len toan bo website */
body::after {
    content: "";
    position: fixed;
    /* Co dinh de hat khong bi troi khi cuon */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Tao hat noise bang ma SVG (Nhe hon dung anh) */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");
    background-size: 150px 150px;

    opacity: 0.12;
    /* Do ro cua hat (0.12 la vua dep) */
    mix-blend-mode: soft-light;
    /* Hoa tron nhe vao nen xanh */

    pointer-events: none;
    /* Cho phep click xuyen qua lop hat */
    z-index: 50;
    /* Nam tren nen nhung duoi Header */
}

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

/* Xoa gach chan link */
button {
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
}

ul {
    list-style: none;
}

/* Dinh dang thanh cuon (Scrollbar) */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #040b09;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}
/* 1. Ẩn thanh cuộn cho Chrome, Safari, Opera (Webkit) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none !important;
    /* Dùng !important để ép buộc */
    width: 0px;
    background: transparent;
}

/* 2. Ẩn thanh cuộn cho Firefox, IE, Edge */
html,
body {
    -ms-overflow-style: none !important;
    /* IE và Edge */
    scrollbar-width: none !important;
    /* Firefox */

    /* Đảm bảo vẫn cuộn được */
    overflow-y: scroll;
    overflow-x: hidden;
}
#bg-3d {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* Nằm dưới cùng, sau lưng mọi nội dung */
    background: #0d1210;
    /* Màu nền trùng màu body để tránh bị nháy */
    pointer-events: none;
    /* Để chuột click xuyên qua được vào các nút bên trên */
}