/* GM base homepage styles, inherited from the previous MVP skin */
html, body { font-family: 'Montserrat', Arial, sans-serif; background:#05070b; }
body { margin:0; color:#eef2f7; overflow-x:hidden; }
.site-header { background:rgba(5,7,11,.92) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; backdrop-filter: blur(14px); }
.nav-wrap { min-height:68px !important; }
.brand-mark { font-family:'Anton','Impact',sans-serif !important; font-size:40px !important; line-height:.9 !important; color:#eee9df !important; background:transparent !important; border:0 !important; box-shadow:none !important; min-width:auto !important; height:auto !important; padding:0 !important; letter-spacing:-1px !important; text-shadow:0 4px 16px rgba(0,0,0,.55) !important; }
.main-nav { gap:28px !important; font-family:'Montserrat',Arial,sans-serif !important; font-weight:600 !important; }
.home-v28 { background:#05070b; }
.hero-v28 { position:relative; min-height:610px; overflow:hidden; }
.hero-v28-bg { position:absolute; inset:0; background:
  linear-gradient(90deg, rgba(5,7,11,.94) 0%, rgba(5,7,11,.82) 22%, rgba(5,7,11,.38) 50%, rgba(5,7,11,.20) 70%, rgba(5,7,11,.74) 100%),
  linear-gradient(180deg, rgba(5,7,11,.12) 0%, rgba(5,7,11,.08) 42%, rgba(5,7,11,.86) 100%),
  url('/uploads/v28-bg-home.png') center center/cover no-repeat; }
.hero-v28-inner { position:relative; z-index:1; min-height:610px; display:flex; align-items:flex-start; }
.hero-v28-copy { padding-top:84px; max-width:420px; }
.hero-v28-copy h1 { margin:0; font-family:'Anton','Impact',sans-serif !important; font-size:clamp(104px, 11vw, 178px); line-height:.86; letter-spacing:-2px; color:#f2eee7; background-image:radial-gradient(circle at 18% 20%, rgba(0,0,0,.42) 0 1.4px, transparent 1.8px),radial-gradient(circle at 68% 42%, rgba(0,0,0,.3) 0 1.4px, transparent 1.8px),repeating-linear-gradient(112deg, rgba(255,255,255,.98) 0 8px, rgba(204,199,191,.88) 8px 10px, rgba(75,75,71,.45) 10px 11px),linear-gradient(180deg, #ffffff 0%, #b8b3a9 100%); background-size:36px 36px,48px 48px,auto,auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 8px 26px rgba(0,0,0,.58); }
.hero-v28-sub { margin-top:8px; font-family:'Montserrat',Arial,sans-serif; font-size:clamp(26px, 3vw, 46px); font-weight:800; line-height:1.02; letter-spacing:.5px; color:#d8d0c3; }
.hero-v28-line { display:block; width:44px; height:2px; background:rgba(255,255,255,.58); margin-top:18px; }
.cube-v28-zone { position:absolute; left:0; bottom:52px; width:190px; height:130px; z-index:4; pointer-events:auto; }
.cube-v28-link { position:absolute; left:16px; top:26px; width:62px; height:62px; display:block; transition:transform .12s ease-out; will-change:transform; }
.cube-v28 { width:62px; height:62px; object-fit:contain; display:block; filter:drop-shadow(0 14px 18px rgba(0,0,0,.62)); }
.home-v28-categories { position:relative; z-index:2; margin-top:-82px; padding:0 0 36px; }
.home-v28-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; align-items:stretch; }
.home-v28-card { position:relative; min-height:190px; border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:18px; display:flex !important; flex-direction:column; justify-content:flex-end; background-size:cover !important; background-position:center center !important; box-shadow:0 18px 34px rgba(0,0,0,.32); overflow:hidden; text-decoration:none; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.home-v28-card:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.22); box-shadow:0 22px 42px rgba(0,0,0,.38); }
.home-v28-card::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,0) 32%, rgba(0,0,0,.12)); pointer-events:none; }
.home-v28-card > * { position:relative; z-index:1; }
.home-v28-icon { width:46px; height:46px; border-radius:12px; border:1px solid rgba(255,255,255,.24); background:rgba(5,8,13,.58); display:grid; place-items:center; font-size:19px; margin-bottom:auto; color:#f1f4f8; }
.home-v28-card strong { display:block; margin-top:16px; font-family:'Montserrat',Arial,sans-serif; font-size:21px; font-weight:800; line-height:1.08; color:#f2f5f9; }
.home-v28-card small { display:block; margin-top:8px; min-height:42px; font-size:14px; line-height:1.45; color:#d1d8e2; }
.home-v28-card em { display:block; margin-top:12px; font-style:normal; font-weight:700; color:#efe4d1; }
.v25-footer { margin-top:10px !important; padding-top:28px !important; }
.v25-footer-grid { grid-template-columns:1.1fr .9fr .7fr 1fr !important; gap:28px !important; align-items:start !important; }
.v25-footer-col h4 { margin:0 0 14px; font-family:'Montserrat',Arial,sans-serif; font-size:20px; font-weight:800; color:#eef2f7; }
.v25-footer-brand p, .v25-footer-discord p { margin:14px 0 0; color:#b9c2cf; max-width:330px; line-height:1.55; }
@media(max-width:1100px){ .home-v28-grid{grid-template-columns:1fr !important;} .home-v28-card{min-height:210px;} .home-v28-categories{margin-top:-46px;} .v25-footer-grid{grid-template-columns:1fr 1fr !important;} }
@media(max-width:760px){ .hero-v28,.hero-v28-inner{min-height:480px;} .hero-v28-copy{padding-top:66px; max-width:330px;} .hero-v28-copy h1{font-size:86px;} .hero-v28-sub{font-size:28px;} .cube-v28-zone{width:145px;height:102px;bottom:32px;} .cube-v28-link{width:54px;height:54px;left:10px;top:20px;} .cube-v28{width:54px;height:54px;} }
@media(max-width:560px){ .hero-v28,.hero-v28-inner{min-height:430px;} .hero-v28-copy h1{font-size:72px;} .hero-v28-sub{font-size:24px;} .home-v28-categories{margin-top:-30px;} .home-v28-card{min-height:190px;} .v25-footer-grid{grid-template-columns:1fr !important;} }

/* v2.9 footer 3 columns */
.v28-footer{margin-top:16px !important;padding-top:30px !important;background:#07090c;border-top:1px solid rgba(255,255,255,.08)}
.v28-footer-grid{display:grid !important;grid-template-columns:1.05fr .9fr 1fr !important;gap:34px !important;align-items:start !important}
.v28-footer-col h4{margin:0 0 14px;font-family:'Montserrat',Arial,sans-serif;font-size:21px;font-weight:800;color:#eef2f7;letter-spacing:-.01em}
.v28-footer-brand p,.v28-footer-discord p{margin:14px 0 0;color:#b9c2cf;max-width:340px;line-height:1.55}
.v28-footer-links{display:grid;gap:12px}
.v28-footer-links a{color:#d3dae5;line-height:1.5}
.v28-footer-side{display:grid;gap:28px}
.v28-footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding:22px 0 10px;border-top:1px solid rgba(255,255,255,.08);color:#aab4c0}
@media(max-width:980px){.v28-footer-grid{grid-template-columns:1fr 1fr !important}.v28-footer-side{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:640px){.v28-footer-grid{grid-template-columns:1fr !important}.v28-footer-side{grid-template-columns:1fr}.v28-footer-bottom{display:grid}}

/* v3.0 — cube safe position + smaller hero typography */
.hero-v28 { min-height: 570px !important; }
.hero-v28-inner { min-height: 570px !important; }
.hero-v28-copy { padding-top: 64px !important; max-width: 360px !important; }
.hero-v28-copy h1 {
  font-size: clamp(78px, 8.2vw, 132px) !important;
  letter-spacing: -1.2px !important;
  line-height: .90 !important;
}
.hero-v28-sub {
  font-size: clamp(20px, 2.25vw, 34px) !important;
  line-height: 1.08 !important;
  max-width: 320px !important;
}
.hero-v28-line { margin-top: 14px !important; }
.cube-v28-zone {
  left: auto !important;
  right: clamp(34px, 9vw, 150px) !important;
  top: 160px !important;
  bottom: auto !important;
  width: 150px !important;
  height: 118px !important;
  z-index: 5 !important;
}
.cube-v28-link {
  left: 18px !important;
  top: 20px !important;
  width: 52px !important;
  height: 52px !important;
}
.cube-v28 {
  width: 52px !important;
  height: 52px !important;
}
.home-v28-categories { margin-top: -72px !important; }
@media(max-width: 900px) {
  .hero-v28, .hero-v28-inner { min-height: 500px !important; }
  .hero-v28-copy { padding-top: 58px !important; max-width: 310px !important; }
  .hero-v28-copy h1 { font-size: 82px !important; }
  .hero-v28-sub { font-size: 26px !important; }
  .cube-v28-zone {
    right: 26px !important;
    top: 180px !important;
    width: 126px !important;
    height: 100px !important;
  }
  .cube-v28-link { width: 48px !important; height: 48px !important; }
  .cube-v28 { width: 48px !important; height: 48px !important; }
}
@media(max-width: 560px) {
  .hero-v28, .hero-v28-inner { min-height: 440px !important; }
  .hero-v28-copy h1 { font-size: 66px !important; }
  .hero-v28-sub { font-size: 22px !important; }
  .cube-v28-zone {
    right: 14px !important;
    top: 185px !important;
    width: 112px !important;
    height: 90px !important;
  }
  .cube-v28-link { width: 42px !important; height: 42px !important; }
  .cube-v28 { width: 42px !important; height: 42px !important; }
}