/* DrakyonMU Layout CSS — Enhanced v4 */
.nav-inner { height: 64px !important; }
.nav-topbar { display: none !important; }
.nav-logo img { height: 44px !important; }
.nav-inner .nav-logo  { order: 1; }
.nav-inner .nav-links { order: 2; }
.nav-inner .nav-actions { order: 3; margin-left: auto; }
.home-sections-wrap { display: flex !important; flex-direction: column !important; }
.home-sections-wrap > section.hero { order: 0 !important; }
.home-sections-wrap > #home-news { order: 1 !important; }
.home-sections-wrap > #home-ranking { order: 2 !important; }
.home-sections-wrap > #home-events { order: 3 !important; }
.home-sections-wrap > #guild-wars-section { order: 4 !important; }
.home-sections-wrap > #home-streamers { order: 5 !important; }
.home-sections-wrap > #home-cta { order: 6 !important; }
.footer-newsletter { display: none !important; }
.footer-stats { display: none !important; }

@keyframes drkFadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
@keyframes drkFadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes drkSlideLeft { from { opacity:0; transform:translateX(-40px); } to { opacity:1; transform:translateX(0); } }
@keyframes drkSlideRight { from { opacity:0; transform:translateX(40px); } to { opacity:1; transform:translateX(0); } }
@keyframes drkZoomIn { from { opacity:0; transform:scale(0.9); } to { opacity:1; transform:scale(1); } }
@keyframes drkBlur { from { opacity:0; filter:blur(8px); } to { opacity:1; filter:blur(0); } }
.section .section-header, .section .card, .section .news-card, .section .events-grid > *, .section .rank-table, .section .section-desc, .hero-content > * { opacity: 0; animation: drkFadeUp 0.6s ease forwards; }
.section .section-header { animation-delay: 0s; }
.section .card:nth-child(1), .section .news-card:nth-child(1), .section .events-grid > *:nth-child(1) { animation-delay: 0.1s; }
.section .card:nth-child(2), .section .news-card:nth-child(2), .section .events-grid > *:nth-child(2) { animation-delay: calc(0.1s * 2); }
.section .card:nth-child(3), .section .news-card:nth-child(3), .section .events-grid > *:nth-child(3) { animation-delay: calc(0.1s * 3); }
.section .card:nth-child(4), .section .news-card:nth-child(4), .section .events-grid > *:nth-child(4) { animation-delay: calc(0.1s * 4); }
.hero-content > *:nth-child(1) { animation-delay: 0.1s; }
.hero-content > *:nth-child(2) { animation-delay: 0.25s; }
.hero-content > *:nth-child(3) { animation-delay: 0.4s; }
.hero-content > *:nth-child(4) { animation-delay: 0.55s; }
.hero-content > *:nth-child(5) { animation-delay: 0.7s; }
.dashboard { background: #151414 !important; }
body:has(.dashboard) { background: #151414 !important; }
.sidebar-card { background: #201d1d !important; }
#tab-content { background: #1f1d1d !important; border-radius: var(--radius-lg); padding: 24px; }
#tab-content .card, #tab-content .tab-panel { background: #1f1d1d !important; }
.btn.btn-outline, .hero-btns .btn-outline { border-color: #f97316 !important; color: #f97316 !important; }
.btn.btn-outline:hover { background: #f97316 !important; color: #fff !important; }
.btn-nav-login { background: transparent !important; border: 1px solid rgba(255,255,255,.18) !important; color: rgba(255,255,255,.75) !important; animation: none !important; }
.btn-nav-login:hover { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.35) !important; color: #fff !important; }
.btn-nav-register { background-image: linear-gradient(90deg, #3b82f6, #e63946, #60a5fa, #e63946, #3b82f6) !important; background-size: 300% auto !important; animation: loginGrad 3s linear infinite !important; border: none !important; }