/* Base e Reset */
* { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth }
body {
  font-family:'Roboto Condensed',sans-serif;
  background:linear-gradient(to bottom,#000,#0a0a0a);
  color:#f0f0f0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:75px;
  overflow-x:hidden;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit;transition:.3s ease}

/* HERO */
.hero-hub{text-align:center;padding:60px 20px 40px;max-width:1000px;margin:auto}
.hero-hub h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:68px;
  color:#FFD700;
  text-shadow:0 0 20px rgba(255,215,0,.9);
  margin-bottom:20px;
  letter-spacing:4px;
  transform:skewX(-2deg);
}
.hero-hub p{
  font-size:26px;
  color:#ccc;
  margin-bottom:60px;
  font-weight:300;
  letter-spacing:1px;
}

/* Cards */
.category-selection{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:40px;
  padding:20px 0 100px;
}
.category-card{
  background:#151515;
  border-radius:12px;
  width:320px;
  height:400px;
  padding:30px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
  transition:all .4s ease-in-out;
  border:3px solid;
  text-align:center;
  position:relative;
  transform:skewX(-3deg);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}
.category-card:hover{
  transform:translateY(-8px) skewX(-3deg) scale(1.03);
  box-shadow:0 20px 40px rgba(0,0,0,.7);
}
.category-icon{font-size:80px;margin-top:10px;margin-bottom:15px;text-shadow:0 0 20px;transform:rotate(-10deg)}
.category-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:32px;
  font-weight:normal;
  margin-bottom:15px;
  letter-spacing:1.5px;
}
.category-desc{
  font-family:'Roboto Condensed',sans-serif;
  font-size:15px;
  color:#aaa;
  margin-bottom:15px;
  flex-grow:1;
}
.category-cta{
  background:linear-gradient(135deg,#FFD700 0%,#B8860B 100%);
  color:#000;
  padding:14px 30px;
  border-radius:6px;
  font-weight:700;
  font-size:18px;
  box-shadow:0 0 15px rgba(255,215,0,.7);
  width:100%;
  text-transform:uppercase;
  transform:skewX(5deg);
}

/* Cores específicas */
#scripts-card{border-color:#FFD700}
#scripts-card .category-icon{color:#FFD700;text-shadow:0 0 15px #FFD700aa}
#scripts-card .category-title{color:#FFD700}

#tutorials-card{border-color:#ff33cc}
#tutorials-card .category-icon{color:#ff33cc;text-shadow:0 0 15px #ff33ccaa}
#tutorials-card .category-title{color:#ff33cc}
#tutorials-card .category-cta{background:linear-gradient(135deg,#ff33cc 0%,#cc0099 100%);box-shadow:0 0 25px rgba(255,51,204,.7);color:#fff}

#store-sprites-card{border-color:#FFD700}
#store-sprites-card .category-icon{color:#FFD700}
#store-sprites-card .category-title{color:#FFD700;font-size:36px}

#tanatela-card{border-color:#ff3d00}
#tanatela-card .category-icon{color:#ff3d00;text-shadow:0 0 15px #ff3d00aa}
#tanatela-card .category-title{color:#ff3d00}

#metodos-card{border-color:#ff9f00}
#metodos-card .category-icon{color:#ff9f00;text-shadow:0 0 15px #ff9f00aa}
#metodos-card .category-title{color:#ff9f00}
#metodos-card .category-cta{background:linear-gradient(135deg,#ff9f00 0%,#a36f00 100%);color:#000}

#aulas-card{border-color:#00e676}
#aulas-card .category-icon{color:#00e676;text-shadow:0 0 15px #00e676aa}
#aulas-card .category-title{color:#00e676}

/* Cupom fixo */
.coupon-tag{
  background:#151515;
  border:2px solid #FFD700;
  color:#FFD700;
  font-weight:700;
  font-size:18px;
  padding:10px 25px;
  border-radius:8px;
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%) skewX(-3deg);
  box-shadow:0 0 30px rgba(255,215,0,.6);
  z-index:1000;
}

/* Responsivo */
@media(max-width:768px){
  .category-card{width:95%;transform:none}
  .category-cta{transform:none}
  .hero-hub h1{font-size:48px}
  .hero-hub p{font-size:20px}
}