.top-inner{width:min(1280px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:18px}.top{padding:0}.main-nav{display:flex;align-items:center;height:100%;gap:2px}.main-nav a{height:100%;display:flex;align-items:center;padding:0 9px;color:var(--muted);font:700 10px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent}.main-nav a:hover{color:#fff;border-color:var(--gold)}.donate-nav{color:var(--gold-bright)!important}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.languages{display:flex!important;align-items:center!important;gap:6px!important}.languages button{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid rgba(215,168,77,.25);border-radius:50%;background:#100c09;cursor:pointer;opacity:.62;overflow:hidden;transition:opacity .2s,border-color .2s,transform .2s}.languages button img{width:38px;height:30px;max-width:none;object-fit:cover;display:block}.languages button:hover,.languages button.active{opacity:1;border-color:#c39245;transform:translateY(-1px);box-shadow:0 0 0 2px rgba(195,146,69,.13)}.login-menu{position:relative}.login-menu summary{list-style:none;cursor:pointer;color:var(--muted);font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.login-menu summary::-webkit-details-marker{display:none}.login-menu form{position:absolute;z-index:40;right:0;top:35px;width:260px;padding:20px;background:#0b0807;border:1px solid var(--line);border-top:2px solid var(--gold);box-shadow:0 18px 40px #000}.login-menu label{display:block;margin-bottom:11px;color:var(--muted);font:700 9px Arial,sans-serif;text-transform:uppercase}.login-menu input{width:100%;height:38px;margin-top:5px;padding:0 10px;color:#fff;background:#070504;border:1px solid var(--line)}.login-menu button{width:100%;height:39px;border:0;background:var(--gold);color:#160f08;font:800 10px Arial,sans-serif;text-transform:uppercase}.create-small{height:auto!important;padding:10px 13px!important;color:#170f08!important;background:#eee6d8;font-size:9px!important;font-weight:800;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);border:0!important}.login-small{font-size:10px}.slide-stage{display:grid;grid-template-columns:minmax(0,1fr) 350px}.slide-carousel{position:relative;overflow:hidden}.slide-panel{position:absolute;inset:0;opacity:0;transition:opacity .75s}.slide-panel.active{opacity:1;z-index:1}.slide-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.slide-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,3,.96),rgba(5,4,3,.52) 58%,rgba(5,4,3,.15)),linear-gradient(0deg,rgba(5,4,3,.65),transparent 52%)}.hero-news{position:relative;z-index:4;padding:18px;display:flex;flex-direction:column;gap:10px;background:#100d0b;border-left:1px solid var(--line)}.hero-news header{height:72px;padding:13px 16px;background:linear-gradient(120deg,#281b13,#110c09);border-left:2px solid var(--gold)}.hero-news header span{display:block;color:var(--gold);font:800 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.hero-news header strong{display:block;margin-top:4px;color:#fff;font-size:18px;text-transform:uppercase}.highlight-tab{min-height:82px;padding:15px 16px;position:relative;display:flex;flex-direction:column;justify-content:center;text-align:left;color:#cbbfb0;background:#17110e;border:1px solid #31251d;cursor:pointer;overflow:hidden}.highlight-tab:hover,.highlight-tab.active{border-color:#8f672f;background:#21170f}.highlight-tab.active{box-shadow:inset 3px 0 var(--gold)}.highlight-tab b{color:#f1e9dc;font:700 12px Arial,sans-serif;text-transform:uppercase}.highlight-tab small{margin-top:7px;color:#85776a;font-size:9px}.highlight-tab span{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left center;will-change:transform}.hero-news>a{margin-top:auto;padding:12px;text-align:center;border:1px solid var(--line);color:#8f8175;font:700 9px Arial,sans-serif;text-transform:uppercase}
.slide-progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:3px;background:var(--gold);box-shadow:0 0 12px rgba(22,140,255,.7);transform:scaleX(0);transform-origin:left center;will-change:transform;pointer-events:none}


/* ========================================
   ANIMAÇÃO HOVER - TOP DONATE
   ======================================== */

.showcase .top-donate {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.showcase .top-donate:hover {
    transform: translateY(-12px) scale(1.03) !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.85),
                0 0 40px rgba(215, 168, 77, 0.3) !important;
    border-color: #e4c473 !important;
}

.showcase .top-donate:hover .donor-avatar {
    box-shadow: inset 0 0 30px rgba(215, 168, 77, 0.25),
                0 0 25px rgba(215, 168, 77, 0.2) !important;
}

.showcase .top-donate:hover .donor-crown {
    animation: crownSpin 0.8s ease-out !important;
}

@keyframes crownSpin {
    0% { transform: scale(1) rotate(0deg) translateY(0); }
    50% { transform: scale(1.4) rotate(-15deg) translateY(-8px); }
    100% { transform: scale(1) rotate(0deg) translateY(0); }
}

.showcase .top-donate:hover .donor-info h2 {
    color: #e4c473 !important;
    text-shadow: 0 0 15px rgba(228, 196, 115, 0.5) !important;
}

.showcase .top-donate:hover .donor-info a {
    background: #d7a84d !important;
    border-color: #e4c473 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(215, 168, 77, 0.4) !important;
}

/* ======================================== */
@media(max-width:1180px){.main-nav a{padding:0 6px;font-size:9px}.languages{display:none!important}.header-actions{gap:8px}}
@media (max-width: 900px) {
  .top { height: 66px; min-height: 66px; }
  .top-inner { width: calc(100% - 20px); gap: 8px; }
  .brand img { width: 42px; height: 42px; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; order: 4; width: 36px; height: 36px; margin-left: 0; }
  .header-actions { margin-left: auto; gap: 7px; }
  .languages { display: flex !important; gap: 4px !important; }
  .languages button { width: 25px; height: 25px; }
  .languages button img { width: 32px; height: 25px; }
  .create-small { padding: 9px 10px !important; white-space: nowrap; }
  .login-menu { display: none; }
  .main-nav {
    display: none !important;
    position: absolute;
    z-index: 60;
    top: 66px;
    left: 0;
    right: 0;
    height: auto;
    padding: 8px 16px 16px;
    flex-direction: column;
    align-items: stretch;
    background: rgba(9,7,6,.98);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 20px 40px rgba(0,0,0,.7);
  }
  .main-nav.open { display: flex !important; }
  .main-nav a { height: 42px; padding: 0 10px; }
  .demo { padding: 8px 14px; font-size: 9px; line-height: 1.45; }

  .showcase { min-height: auto; padding: 138px 12px 46px; overflow: hidden; }
  .showcase-bg { height: 100%; background-size: auto 760px; opacity: .64; }
  .showcase-logo { top: 12px; width: 105px; height: 105px; }
  .showcase-container { width: 100%; }
  .showcase .top-donate { display: none; }

  .server-bar {
    width: 100%;
    height: auto;
    grid-template-columns: repeat(3, minmax(0,1fr));
    border-top-width: 1px;
  }
  .server-bar > div, .server-bar > a, .staff-menu { min-height: 56px; padding: 8px 7px; }
  .server-bar > div:nth-child(4) { display: none; }
  .server-bar small { font-size: 7px; }
  .server-bar b { font-size: 9px; white-space: nowrap; }
  .server-online { gap: 7px; }
  .server-online i { width: 7px; height: 7px; }
  .staff-menu summary { padding: 0 7px; font-size: 8px; }
  .download-cta { font-size: 9px; gap: 6px !important; }
  .download-cta span { font-size: 11px; }

  .slide-stage { width: 100%; height: 400px; margin: 0; grid-template-columns: 1fr; }
  .slide-carousel { height: 400px; }
  .hero-news { display: none; }
  .slide-copy { left: 24px; top: auto; bottom: 35px; width: calc(100% - 48px); transform: none; }
  .slide-copy > span { font-size: 8px; }
  .slide-copy h1 { margin: 9px 0 10px; font-size: clamp(27px,9vw,39px); }
  .slide-copy h1:after { margin-top: 12px; }
  .slide-copy p { font-size: 12px; line-height: 1.5; }
  .slide-copy a { margin-top: 12px; padding: 11px 16px; font-size: 9px; }
  .section { padding: 54px 18px; }
}

@media (max-width: 390px) {
  .top-inner { width: calc(100% - 14px); }
  .brand { display: none; }
  .languages button { width: 24px; height: 24px; }
  .create-small { font-size: 8px !important; }
  .showcase { padding-left: 8px; padding-right: 8px; }
  .slide-stage, .slide-carousel { height: 370px; }
  .server-bar > div, .server-bar > a, .staff-menu { padding-left: 5px; padding-right: 5px; }
}


/* HorusMu — showcase */
.showcase {
  position: relative;
  min-height: 850px;
  padding: 270px 20px 0;
  background: #070605;
}

/* Imagem de fundo e máscara (hero_bg.png) */
.showcase-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/img/hero-bg.png') no-repeat top center;
  background-size: cover;
  pointer-events: none;
  opacity: 0.85;
}
.showcase-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  background: 
    linear-gradient(180deg, rgba(7,6,5,0) 0%, rgba(7,6,5,0.7) 65%, #070605 100%),
    radial-gradient(circle at 50% 15%, rgba(135,38,27,0.15), rgba(7,6,5,0.6) 50%);
}

.showcase-logo{position:absolute;z-index:5;top:18px;left:50%;width:190px;height:190px;transform:translateX(-50%);display:grid;place-items:center;overflow:hidden;border-radius:50%;border:1px solid rgba(215,168,77,.65);background:#0a0706;box-shadow:0 15px 40px rgba(0,0,0,.75),0 0 35px rgba(154,42,30,.16)}

.showcase-logo img{width:100%;height:100%;object-fit:cover}
.slide-stage{position:relative;width:100%;height:510px;margin:0;overflow:hidden;border:1px solid rgba(215,168,77,.22);background:#100c0a;box-shadow:0 24px 70px rgba(0,0,0,.68);display:grid;grid-template-columns:minmax(0,1fr) 350px}
.slide-carousel{position:relative;overflow:hidden;height:100%}
.slide-panel{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;transform:translate3d(0,0,0) scale(1.035);pointer-events:none;will-change:opacity,transform;backface-visibility:hidden;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 7s ease,visibility 0s linear 1s}
.slide-panel.active{z-index:2;opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);pointer-events:auto;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 7s ease,visibility 0s}
.slide-panel.is-leaving{z-index:1;visibility:visible}
.slide-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:translate3d(0,0,0) scale(1.025);will-change:transform;backface-visibility:hidden;transition:transform 7s ease}
.slide-panel.active>img{transform:translate3d(0,0,0) scale(1)}
.slide-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,4,3,.96) 0%,rgba(5,4,3,.58) 43%,rgba(5,4,3,.1) 76%),linear-gradient(0deg,rgba(5,4,3,.72),transparent 50%)}
.slide-copy{position:absolute;z-index:2;left:55px;top:50%;width:500px;transform:translateY(-50%)}
.slide-copy>span{color:var(--gold-bright);font:800 11px Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}.slide-copy h1{margin:12px 0 14px;color:#fff;font-size:50px;line-height:1.04;text-transform:uppercase;text-shadow:0 5px 25px #000}.slide-copy h1:after{content:"";display:block;width:74px;height:2px;margin-top:20px;background:linear-gradient(90deg,var(--gold),transparent)}.slide-copy p{max-width:470px;color:#c5b9aa;font-size:15px;line-height:1.6}.slide-copy a{display:inline-flex;margin-top:18px;padding:13px 22px;background:var(--ember);color:#fff;font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 8px 24px rgba(154,42,30,.25)}
.showcase .top-donate{transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;z-index:20;top:-246px;right:0;display:grid;margin:0;width:194px;min-height:224px;grid-template-columns:1fr;grid-template-rows:142px 82px;gap:0;overflow:hidden;border:1px solid #6d5529;border-top:2px solid #e4c473;border-radius:4px;background:#091416;box-shadow:0 18px 42px rgba(0,0,0,.62),0 0 0 1px rgba(224,186,99,.05)}
.showcase .donor-avatar{height:142px;border:0;border-bottom:1px solid #584724;background:radial-gradient(circle at 50% 70%,#4b3426 0,#1a120e 52%,#090605 100%)}.showcase .donor-rank{top:10px;left:10px;width:38px;height:43px;font-size:14px}.showcase .donor-rank small{font-size:6px}.showcase .donor-crown{top:13px;right:13px;font-size:18px}.showcase .donor-silhouette{width:130px;height:145px}.showcase .donor-silhouette span{top:27px;font-size:45px}.showcase .donor-info{height:82px;padding:9px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#211710,#0d0907)}.showcase .donor-info>small{font-size:7px}.showcase .donor-info h2{width:100%;margin:4px 0;font-size:14px}.showcase .donor-info>span{display:none}.showcase .donor-info a{margin:0;padding:5px 12px;border-color:#5b462e;background:#1a110b;font-size:7px}
.showcase-container {
  position: relative;
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  z-index: 9;
}
.server-bar {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 74px;
  display: grid;
  grid-template-columns: 1.1fr repeat(3, .9fr) 1fr 1.2fr;
  background: rgba(18, 13, 10, .98);
  border-top: 2px solid var(--gold);
  border-bottom: 1px solid rgba(215, 168, 77, .22);
  box-shadow: 0 16px 38px rgba(0,0,0,.58);
}
.server-bar>div,.server-bar>a,.staff-menu{min-width:0;padding:0 20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.server-bar small{color:#796d61;font:700 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.server-bar b{margin-top:5px;color:#ece4d8;font:700 12px Arial,sans-serif}.server-online{flex-direction:row!important;align-items:center!important;gap:12px}.server-online i,.staff-member i{width:9px;height:9px;border-radius:50%;background:#a33b32;box-shadow:0 0 0 5px rgba(163,59,50,.12)}.server-online i{background:#35cf80;box-shadow:0 0 0 5px rgba(53,207,128,.12),0 0 15px #35cf80}
.staff-menu{position:relative;padding:0}.staff-menu summary{height:100%;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;color:#d7cab8;cursor:pointer;font:800 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;list-style:none}.staff-menu summary::-webkit-details-marker{display:none}.staff-menu summary span{color:var(--gold)}.staff-popover{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:270px;padding:8px;border:1px solid #5e4730;background:#0b0807;box-shadow:0 18px 45px #000}.staff-popover header{padding:10px;background:#1d1510;border-left:2px solid var(--gold)}.staff-popover header small,.staff-popover header strong{display:block}.staff-member{min-height:45px;padding:0 10px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.staff-member i.online{background:#35cf80;box-shadow:0 0 0 4px rgba(53,207,128,.12)}.staff-member small{color:#8e8174}.download-cta{align-items:center!important;justify-content:center!important;gap:12px!important;flex-direction:row!important;border:0!important;background:linear-gradient(135deg,#a76f24,#d7a84d);color:#150d06;font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.download-cta span{font-size:18px}
@media (prefers-reduced-motion: reduce){
  .slide-panel,.slide-panel>img{transition:none!important;transform:none!important}
}

/* Final mobile overrides — keep after desktop rules. */
@media (max-width:900px){
.top{height:66px;min-height:66px}.top-inner{width:calc(100% - 20px);gap:8px}.brand img{width:42px;height:42px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;order:4;width:36px;height:36px;margin-left:0}.header-actions{margin-left:auto;gap:7px}.languages{display:flex!important;gap:4px!important}.languages button{width:25px;height:25px}.languages button img{width:32px;height:25px}.create-small{padding:9px 10px!important;white-space:nowrap}.login-menu{display:none}.main-nav{display:none!important;position:absolute;z-index:60;top:66px;left:0;right:0;height:auto;padding:8px 16px 16px;flex-direction:column;align-items:stretch;background:rgba(9,7,6,.98);border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.7)}.main-nav.open{display:flex!important}.main-nav a{height:42px;padding:0 10px}.demo{padding:8px 14px;font-size:9px;line-height:1.45}.showcase{min-height:auto;padding:138px 12px 46px;overflow:hidden}.showcase-bg{height:100%;background-size:auto 760px;opacity:.64}.showcase-logo{top:12px;width:105px;height:105px}.showcase-container{width:100%}.showcase .top-donate{transition:all .35s cubic-bezier(.4,0,.2,1);display:none}.server-bar{width:100%;height:auto;grid-template-columns:repeat(3,minmax(0,1fr));border-top-width:1px}.server-bar>div,.server-bar>a,.staff-menu{min-height:56px;padding:8px 7px}.server-bar>div:nth-child(4){display:none}.server-bar small{font-size:7px}.server-bar b{font-size:9px;white-space:nowrap}.server-online{gap:7px}.server-online i{width:7px;height:7px}.staff-menu summary{padding:0 7px;font-size:8px}.download-cta{font-size:9px;gap:6px!important}.download-cta span{font-size:11px}.slide-stage{width:100%;height:400px;margin:0;grid-template-columns:1fr}.slide-carousel{height:400px}.hero-news{display:none}.slide-copy{left:24px;top:auto;bottom:35px;width:calc(100% - 48px);transform:none}.slide-copy>span{font-size:8px}.slide-copy h1{margin:9px 0 10px;font-size:clamp(27px,9vw,39px)}.slide-copy h1:after{margin-top:12px}.slide-copy p{font-size:12px;line-height:1.5}.slide-copy a{margin-top:12px;padding:11px 16px;font-size:9px}.section{padding:54px 18px}}
@media (max-width:390px){.top-inner{width:calc(100% - 14px)}.brand{display:none}.languages button{width:24px;height:24px}.create-small{font-size:8px!important}.showcase{padding-left:8px;padding-right:8px}.slide-stage,.slide-carousel{height:370px}.server-bar>div,.server-bar>a,.staff-menu{padding-left:5px;padding-right:5px}}

/* Real-phone portrait fixes (Android Chrome 391–480px). */
@media (min-width:391px) and (max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  .top-inner{width:calc(100% - 16px);gap:6px}
  .brand{display:none}
  .header-actions{gap:5px}
  .languages{gap:3px!important}
  .languages button{width:24px;height:24px}
  .languages button img{width:31px;height:24px}
  .create-small{padding:8px 9px!important;font-size:8px!important}
  .nav-toggle{width:34px;height:34px}
  .demo{font-size:8px;padding:7px 10px}
  .showcase{padding:125px 8px 38px}
  .showcase-logo{top:10px;width:96px;height:96px}
  .showcase-container{width:100%;max-width:100%}
  .server-bar{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .server-bar>div,.server-bar>a,.staff-menu{min-width:0;min-height:54px;padding:6px 4px}
  .server-bar b{font-size:8px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .server-online{gap:5px!important}
  .staff-menu summary{font-size:7px;padding:0 4px;gap:4px}
  .download-cta{font-size:8px!important;gap:4px!important}
  .download-cta span{font-size:10px}
  .slide-stage,.slide-carousel{width:100%;height:370px}
  .slide-copy{left:20px;bottom:27px;width:calc(100% - 40px)}
  .slide-copy h1{font-size:clamp(25px,8vw,34px)}
  .slide-copy p{max-width:300px}
}