@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
html,
body {
  font-family: "Montserrat", sans-serif;
  height: 100%;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
p {
  margin: 0;
}
ul {
  list-style: none;
}
.w-fit {
  width: fit-content;
}

body {
    background-color: #030303; /* Màu đen cực sâu */
    color: #ffffff;
    overflow-x: hidden;
}

/* Hiệu ứng ánh sáng nền (Ambient Glow) */
.glow-bottom {
    position: absolute;
    bottom: -30%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1000px;
    height: 600px;
    background: radial-gradient(circle, rgba(217, 119, 6, 0.35) 0%, rgba(0,0,0,0) 70%);
    filter: blur(100px);
    z-index: -1;
    pointer-events: none;
}

.glow-top-left {
    position: absolute;
    top: -20%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(217, 119, 6, 0.15) 0%, rgba(0,0,0,0) 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
}

/* Hiệu ứng kính mờ cho Navbar */
.glass-nav {
    background: rgba(3, 3, 3, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}