:root {
      --bg: #0b0b0e;
      --bg-light: #141418;
      --primary: #00ffcc;
      --text: #ffffff;
      --muted: #b5b5b5;
    }

    body {
      font-family: 'Inter', sans-serif;
      background-color: var(--bg);
      color: var(--text);
      scroll-behavior: smooth;
    }

    /* MENU */
    .navbar {
      background: rgba(11, 11, 14, 0.9);
      backdrop-filter: blur(10px);
    }

	.navbar-nav .nav-link {
	  font-family: 'Permanent Marker', cursive;
	  font-size: 1.6rem;
	  letter-spacing: 1px;
}


    .nav-link {
      color: var(--text) !important;
      position: relative;
      margin-left: 15px;
    }

    .nav-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      bottom: 0;
      left: 0;
      background: var(--primary);
      transition: width 0.3s;
    }

    .nav-link:hover::after {
      width: 100%;
    }

    section {
      padding: 260px 0;
	  scroll-margin-top: 40px;
    }

    /* HOME */
	#home {
	margin-top: 200SSpx;
	min-height: calc(100vh - 200px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	}	

    #home h1 {
      font-family: 'Orbitron', sans-serif;
      font-size: 3rem;
    }

    #home span {
      color: var(--primary);
    }

    #home p {
      color: var(--muted);
    }
	
	.redessociais {
	padding:3%;
	text-align:center;	
	}
	
    /* GAMES */
    .game-card {
      background: var(--bg-light);
      border-radius: 15px;
      overflow: hidden;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .game-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 0 25px rgba(0,255,204,0.2);
    }

    .game-card img {
      height: 200px;
      object-fit: cover;
    }
	
	.texto {
	  padding: 3%;
	}
	
	.chamada {
	  padding: 3%;
	  text-align:center;SS
	}

    /* SOBRE */
    #sobre p {
      color: var(--muted);
      font-size: 1.05rem;
    }

    /* CONTATO */
    .form-control {
      background: var(--bg-light);
      border: none;
      color: var(--text);
    }

    .form-control:focus {
      background: var(--bg-light);
      color: var(--text);
      box-shadow: 0 0 0 0.15rem rgba(0,255,204,.25);
    }

    .btn-custom {
      background: var(--primary);
      color: #000;
      font-weight: 700;
    }

    footer {
      padding: 30px 0;
      text-align: center;
      color: var(--muted);
      font-size: 0.9rem;
    }

    @media (max-width: 768px) {
      #home h1 {
        font-size: 2.2rem;
      }
    }