/* Minecraft-Inspired CSS with Real Animations */
@import url('./equery.css');
@import url('./events-forums.css');

@font-face {font-family: 'Minecraft';font-style: normal;font-weight: 400;src: local('Minecraft'), url('https://fonts.cdnfonts.com/s/36662/MinecraftTen-VGORe.woff') format('woff');}
/* CSS Variables */
:root {--minecraft-green: #7CB327;--minecraft-dark-green: #558B2F;--minecraft-brown: #8D6E63;--minecraft-dark-brown: #5D4037;--minecraft-blue: #2196F3;--minecraft-dark-blue: #1976D2;--minecraft-red: #F44336;--minecraft-dark-red: #D32F2F;--minecraft-yellow: #FFEB3B;--minecraft-dark-yellow: #FBC02D;--minecraft-purple: #9C27B0;--minecraft-dark-purple: #7B1FA2;--minecraft-gray: #9E9E9E;--minecraft-dark-gray: #616161;--minecraft-black: #212121;--minecraft-white: #FFFFFF;--minecraft-text: #E0E0E0;--minecraft-shadow: rgba(0, 0, 0, 0.3);
/* Light mode colors */--bg-primary: #FFFFFF;--bg-secondary: #eeeeee;--bg-opacity-5: #0000000d;--bg-hero: linear-gradient(135deg, #87CEEB 0%, #98FB98 50%, #F0E68C 100%);--bg-sky: linear-gradient(180deg, #87CEEB 0%, #98FB98 70%, #8B4513 100%);--border: linear-gradient(to right, #2196F3, #7CB342);--border-2: linear-gradient(to left, #2196F3, #7CB342);--text-primary: #000000;--text-secondary: #333333;--text-secondary-2: #636363;--text-light: #000000;--border-color: #000000;--card-bg: #FFFFFF;--nav-bg: #FFFFFF;}
/* Dark mode colors */
[data-theme="dark"] {--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-opacity-5: #ffffff0d;--bg-hero: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%);--bg-sky: linear-gradient(180deg, #000000 0%, #1a1a1a 70%, #2d2d2d 100%);--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-secondary-2: #bdbdbd;--text-light: #FFFFFF;--border-color: #FFFFFF;--card-bg: #0d0d0d;--nav-bg: #000000;}
/* Reset */
* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: 'Inter', sans-serif;background: var(--bg-primary);color: var(--text-primary);overflow-x: hidden;line-height: 1.6;transition: all 0.3s ease;}
a {display: inline;height: auto !important;color: #007bff;text-decoration: none;background-color: transparent;text-decoration: none !important;}
p {margin: 0 !important}
img {vertical-align: middle;border-style: none;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}
/* Loading Screen */
.loading-screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, #ffffff 0%, #000000 100%);display: flex;align-items: center;justify-content: center;z-index: 10000;transition: opacity 0.5s ease, visibility 0.5s ease;}
.loading-screen.hidden {opacity: 0.25;visibility: hidden;}
.loading-content {text-align: center;animation: fadeInUp 1s ease;}
.preloader {background: var(--bg-primary);width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: fixed;z-index: 99999;right: 0;top: 0;transition-duration: 1s;-webkit-transition-duration: 1s;transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);}
.loaded .preloader {top: 100vh;}
.preloader figure {width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;border: 3px solid var(--text-primary);border-radius: 50%;animation: fadeInUp 0.30s;position: relative;}
.preloader img {height: 100px;display: inline-block;}
.preloader figure:after {content: "";width: 100%;height: 100%;border-top: 3px solid #fff7f7;border-radius: 50%;position: absolute;left: 0;top: 0;animation: e-spinner-rotate 0.60s infinite;}
.preloader figure:after {border-top: 6px solid var(--minecraft-blue);}
.minecraft-logo {margin-bottom: 30px;}
.block-animation {display: flex;justify-content: center;gap: 5px;margin-bottom: 20px;}
.block {width: 40px;height: 40px;border: 2px solid var(--minecraft-black);animation: blockBounce 1.5s ease-in-out infinite;}
.block-1 {background: var(--minecraft-green);animation-delay: 0s;}
.block-2 {background: var(--minecraft-brown);animation-delay: 0.1s;}
.block-3 {background: var(--minecraft-blue);animation-delay: 0.2s;}
.block-4 {background: var(--minecraft-red);animation-delay: 0.3s;}
@keyframes blockBounce {
    0%,100% {transform: translateY(0);}
    50% {transform: translateY(-20px);}
}
.loading-title {font-family: 'Minecraft', monospace;font-weight: 400;font-style: normal;font-size: 3rem;color: var(--text-primary);text-shadow: 2px 2px 0 var(--minecraft-white);margin-bottom: 30px;animation: titleGlow 2s ease-in-out infinite alternate;}
@keyframes titleGlow {
    0% {text-shadow: 2px 2px 0 var(--minecraft-white);}
    100% {text-shadow: 2px 2px 0 var(--minecraft-white), 0 0 20px var(--minecraft-green);}
}
.loading-bar {width: 300px;height: 20px;background: var(--minecraft-white);border: 2px solid var(--minecraft-black);border-radius: 0;margin: 0 auto 20px;overflow: hidden;}
.loading-progress {height: 100%;background: linear-gradient(90deg, var(--minecraft-green), var(--minecraft-blue));width: 0%;animation: loadingProgress 3s ease-in-out forwards;}
@keyframes loadingProgress {
    0% {width: 0%;}
    100% {width: 100%;}
}
.loading-text {font-family: 'Minecraft', monospace;font-size: 1.2rem;color: var(--text-primary);animation: textBlink 1s ease-in-out infinite;}
@keyframes textBlink {
    0%,50% {opacity: 1;}
    51%,100% {opacity: 0.5;}
}
@keyframes fadeInUp {
    0% {opacity: 0;transform: translateY(30px);}
    100% {opacity: 1;transform: translateY(0);}
}
/* Music Player */
.music-player {position: fixed;top: 20px;right: 20px;background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 0;padding: 15px;display: flex;align-items: center;gap: 15px;z-index: 1000;box-shadow: 4px 4px 0 var(--minecraft-shadow);transition: all 0.3s ease;transform: translateX(0);visibility: hidden;}
.music-player:hover {transform: translateY(-2px);box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.music-player.hidden {transform: translateX(calc(100% + 20px));opacity: 0.8;}
.music-player.auto-hidden {transform: translateX(calc(100% - 50px));opacity: 0.6;}
.music-player.auto-hidden:hover {transform: translateX(0);opacity: 1;}
.music-controls {display: flex;gap: 10px;}
.music-btn {width: 35px;height: 35px;background: var(--minecraft-green);border: 2px solid var(--border-color);border-radius: 0;color: var(--minecraft-white);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;font-size: 14px;}
.music-btn:hover {background: var(--minecraft-dark-green);transform: scale(1.1);}
.music-btn:active {transform: scale(0.95);}
.music-icon {font-size: 16px;font-weight: bold;}
.close-btn {background: var(--minecraft-red);width: 30px;height: 30px;padding: 0;}
.close-btn:hover {background: var(--minecraft-dark-red);}
.music-info {color: var(--text-primary);font-size: 14px;font-weight: 500;}
/* Now Playing Popup */
.now-playing-popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 0;padding: 20px 30px;z-index: 2000;transition: all 0.3s ease;box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.now-playing-popup.show {transform: translate(-50%, -50%) scale(1);}
.popup-content {display: flex;align-items: center;gap: 15px;color: var(--text-primary);}
.note-icon {font-size: 24px;animation: noteBounce 0.5s ease-in-out;}
@keyframes noteBounce {
    0%,100% {transform: scale(1);}
    50% {transform: scale(1.2);}
}
.popup-text {display: flex;flex-direction: column;gap: 5px;}
.now-playing {font-size: 12px;color: var(--minecraft-gray);}
#popup-song-name {font-weight: 600;font-size: 16px;}
/* Navigation */
.navbar {position: fixed;top: 0;width: 100%;background: var(--nav-bg);border-bottom: 2px solid var(--border-color);z-index: 999;box-shadow: 0 4px 0 var(--minecraft-shadow);transition: all 0.3s ease;}
.nav-container {max-width: 1400px;margin: 0 auto;padding: 0 20px;height: 114px;}
.nav-container>div {flex-wrap: nowrap;}
.nav-logo {display: flex;align-items: center;gap: 15px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 24px;color: var(--text-primary);padding: 22px 0;}
.logo-block {display: inline-block;height: 75px;border-radius: 0;}
.logo-block img {height: 75px;}
@keyframes logoRotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.site-menu {/* margin: 0 auto; */}
.menu-effect {text-align: center;}
.menu-effect * {box-sizing: border-box;}
.navbar-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-align: center;align-items: center;}
.nav-menu {display: flex;list-style: none;align-items: flex-start;justify-content: flex-start;margin: 0;padding: 0}
.nav-menu li {display: inline-block;margin: 0;padding: 0 11px;list-style: none;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;}
.nav-link {display: block;font-family: Satoshi Regular;color: var(--text-light);text-decoration: none;font-weight: 600;font-size: 17px;padding: 8px;position: relative;letter-spacing: 1px;text-decoration: none;border: 2px solid transparent;transition: all 0.3s ease;position: relative;}
.nav-link:hover {font-family: Satoshi Regular;color: var(--minecraft-green);}
.nav-link:before {background-color: var(--minecraft-green);bottom: 0;display: block;margin-left: -7px;height: 3px;width: 0%;content: "";}
.nav-link:hover:before, .nav-link a:before {opacity: 1;width: 100%;}
.nav-link::before, .nav-link::after {position: absolute;-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
/* .nav-link:hover {background: var(--minecraft-green);color: var(--minecraft-white);border-color: var(--border-color);transform: translateY(-2px);box-shadow: 2px 2px 0 var(--minecraft-shadow);} */

.nav-bar-dropdown {display: none;background: var(--bg-primary);box-shadow: 4px 4px 0 var(--minecraft-shadow), inset 0 -6px 0 #0008, inset 0 6px 0 #0004;min-width: 200px;padding: 16px;position: absolute;right: 0;top: calc(100% + 11px);}
.nav-bar-dropdown ul {list-style-type: none;margin: 0;padding: 0;}
.nav-bar-dropdown ul li:not(:last-child) {border-bottom: 1px solid #3636366b;}
.nav-bar-dropdown a {color: var(--text-light);display: block;font-family: 'Minecraft', monospace;font-size: .8125rem;font-weight: 700;letter-spacing: 1.04px;line-height: 12px;padding: 12px 0;text-decoration: none;text-transform: uppercase;}
.arrow {border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
.down {transform: rotate(80deg);-webkit-transform: rotate(45deg);}
.scroll-to-top-btn {position: fixed;top: calc(100vh - 105px);right: 30px;background: var(--minecraft-green);color: var(--text-primary);border: 1px solid transparent;border-radius: 0;padding: 16px 12px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.3s ease;box-shadow: 4px 4px 0 var(--minecraft-shadow);z-index: 1000;display: flex;align-items: center;gap: 8px;opacity: 0;visibility: hidden;transform: translateY(20px);}
.scroll-to-top-btn.show {opacity: 1;visibility: visible;transform: translateY(0);}
.scroll-to-top-btn:hover {border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to right, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.scroll-to-top-btn:active {transform: translateY(2px);box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.theme-toggle {background: var(--minecraft-blue);color: var(--minecraft-white);border: 2px solid var(--border-color);border-radius: 0;padding: 10px 15px;cursor: pointer;transition: all 0.3s ease;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 16px;display: flex;align-items: center;gap: 8px;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.theme-toggle:hover {background: var(--minecraft-blue);transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.theme-icon {display: flex;font-size: 18px;transition: transform 0.3s ease;aspect-ratio: 1;}
.theme-toggle:hover .theme-icon {transform: rotate(180deg);}
.hamburger {display: none;flex-direction: column;cursor: pointer;gap: 4px;z-index: 5;}
.bar {width: 25px;height: 3px;background: var(--text-secondary);transition: 0.3s;}
/* Hero Section */
.hero {height: 100vh;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.hero-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.minecraft-sky {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-sky);animation: skyAnimation 20s ease-in-out infinite;}
@keyframes skyAnimation {
    0%,100% {filter: hue-rotate(0deg);}
    50% {filter: hue-rotate(30deg);}
}
.floating-blocks {position: absolute;width: 100%;height: 100%;}
.floating-block {position: absolute;width: 60px;height: 60px;border: 2px solid var(--minecraft-black);border-radius: 0;animation: float 6s ease-in-out infinite;}
.floating-block.grass {background: var(--minecraft-green);top: 20%;left: 10%;animation-delay: 0s;}
.floating-block.stone {background: var(--minecraft-gray);top: 30%;right: 15%;animation-delay: 1s;}
.floating-block.diamond {background: #00BCD4;top: 50%;left: 20%;animation-delay: 2s;}
.floating-block.emerald {background: #4CAF50;top: 60%;right: 25%;animation-delay: 3s;}
.floating-block.gold {background: var(--minecraft-yellow);top: 40%;left: 50%;animation-delay: 4s;}
.floating-block.iron {background: #9E9E9E;top: 70%;left: 30%;animation-delay: 5s;}
@keyframes float {
    0%,100% {transform: translateY(0px) rotate(0deg);}
    50% {transform: translateY(-30px) rotate(180deg);}
}
.particles {position: absolute;width: 100%;height: 100%;}
.particle {position: absolute;width: 4px;height: 4px;background: var(--minecraft-white);border-radius: 50%;animation: particleFloat 8s linear infinite;}
.particle:nth-child(1) {left: 10%;animation-delay: 0s;}
.particle:nth-child(2) {left: 20%;animation-delay: 1s;}
.particle:nth-child(3) {left: 30%;animation-delay: 2s;}
.particle:nth-child(4) {left: 40%;animation-delay: 3s;}
.particle:nth-child(5) {left: 50%;animation-delay: 4s;}
.particle:nth-child(6) {left: 60%;animation-delay: 5s;}
@keyframes particleFloat {0% {transform: translateY(100vh) scale(0);opacity: 0;}
    10% {opacity: 1;}
    90% {opacity: 1;}
    100% {transform: translateY(-100px) scale(1);opacity: 0;}
}
.hero-content {text-align: center;z-index: 2;max-width: 800px;padding: 0 20px;}
.hero-title-container {margin-bottom: 40px;}
.hero-title {font-family: 'Minecraft', monospace;font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;margin-bottom: 20px;line-height: 1.2;text-align: center !important;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-slide {display: none;width: 100vw;flex-wrap: wrap;align-items: center;padding-top: 150px;background: var(--bg-secondary);padding: 0 15%;z-index: 1;opacity: 0;}
.swiper-slide.swiper-slide-active {display: flex;z-index: 2;opacity: 1}
.slide-image {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-size: cover !important;background-position: center !important;opacity: 1;}
.swiper-slide .container {color: #fff;position: relative;z-index: 1;margin: 0;width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;text-align: left;}
/* Hero slider animation helpers- Non-active slides are hidden by default (display:none)- When JS adds .slide-enter-* or .slide-exit-* we temporarily show the slide (display:flex)- .swiper-slide-active represents the currently visible slide*/
.hero .swiper-wrapper .swiper-slide { display: none; }
.hero .swiper-wrapper .swiper-slide.swiper-slide-active,
.hero .swiper-wrapper .swiper-slide.slide-enter-right,
.hero .swiper-wrapper .swiper-slide.slide-enter-left { display: flex; }
.hero .swiper-wrapper .swiper-slide { opacity: 0; transform: translateX(100%); transition: transform 0.8s cubic-bezier(.2,.8,.2,1), opacity 0.8s; }
.hero .swiper-wrapper .swiper-slide.swiper-slide-active { height: 100vh;opacity: 1; transform: translateX(0); }
/* Enter from right (next) */
.hero .swiper-wrapper .swiper-slide.slide-enter-right { transform: translateX(100%); opacity: 1; }
.hero .swiper-wrapper .swiper-slide.slide-enter-right.swiper-slide-active { transform: translateX(0); }
/* Enter from left (prev) */
.hero .swiper-wrapper .swiper-slide.slide-enter-left { transform: translateX(-100%); opacity: 1; }
.hero .swiper-wrapper .swiper-slide.slide-enter-left.swiper-slide-active { transform: translateX(0); }
/* Exit helpers */
.hero .swiper-wrapper .swiper-slide.slide-exit-left { transform: translateX(-100%); opacity: 0; }
.hero .swiper-wrapper .swiper-slide.slide-exit-right { transform: translateX(100%); opacity: 0; }
/* Make slide content (text) animate smoothly with the slide for a more cohesive feel */
.swiper-slide .container { transition: transform 0.8s cubic-bezier(.2,.8,.2,1), opacity 0.8s; }
/* Dot indicators (centered at bottom of hero) */
.hero .slider-dots { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 6; }
.hero .slider-dots .dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.25); cursor: pointer; border: 2px solid rgba(0,0,0,0.15); transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.hero .slider-dots .dot.active { background: linear-gradient(90deg, #ff6600, #ff6a07); transform: scale(1.25); border-color: rgba(255,255,255,0.95); }
.swiper-slide .container h1 {width: 100%;display: block;font-size: 55px;margin-top: -90px;margin-bottom: 10px;font-weight: 800;color: #ffffff;margin-top: 46px;margin-left: -3rem;}
.swiper-slide .container h1 {font-family: 'Minecraft', monospace;font-weight: 800;color: #ff6600;}
.swiper-slide .container p {width: 100%;display: block;color: #ffffff;margin-bottom: 50px !important;font-size: 17px;font-family: 'Minecraft', monospace;margin-left: -3rem !important;}
.swiper-slide .container a {height: 70px;line-height: 70px;display: inline-block;padding: 0 50px;background: #043577;color: #fff;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;position: relative;font-size: 18px;font-weight: 600;border-radius: 0.3rem;margin-left: -3rem;}
.swiper-slide .container a {font-family: 'Minecraft', monospace;color: #ffffff;border-image: linear-gradient(to left, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to right, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;}
.swiper-wrapper .button-prev, .swiper-wrapper .button-next {background: none;border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to right, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;}
.swiper-wrapper .button-prev {width: 60px;height: 60px;line-height: 60px;text-align: center;position: absolute;left: 50px;top: 47%;color: #fff;z-index: 3;font-size: 23px;cursor: pointer;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;border-color: transparent;border-radius: 0.3rem;}
.swiper-wrapper .button-next {width: 60px;height: 60px;line-height: 60px;text-align: center;position: absolute;right: 50px;top: 47%;color: #fff;z-index: 3;font-size: 23px;cursor: pointer;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;border-color: transparent;border-radius: 0.3rem;}
.imagerotate {position: absolute;top: 0%;-webkit-animation: spin 15s linear infinite;-moz-animation: spin 15s linear infinite;animation: spin 15s linear infinite;width: 100%;height: 100%;}
.zoomIn {-webkit-animation-name: zoomOn;animation-name: zoomIn}
.title-word {display: inline-block;margin: 0 10px;opacity: 0;animation: wordSlideIn 0.8s ease forwards;}
.title-word:nth-child(1) {animation-delay: 0.2s;}
.title-word:nth-child(2) {animation-delay: 0.4s;}
.title-word:nth-child(3) {animation-delay: 0.6s;}
.surf-text {color: var(--minecraft-green);text-shadow: 2px 2px 0 var(--text-light);animation: surfGlow 2s ease-in-out infinite alternate;}
@keyframes surfGlow {
    0% {text-shadow: 2px 2px 0 var(--minecraft-black);}
    100% {text-shadow: 2px 2px 0 var(--minecraft-black), 0 0 20px var(--minecraft-green);}
}
@keyframes wordSlideIn {
    to {opacity: 1;transform: translateY(0);}
}
.title-subtitle {opacity: 0;animation: fadeIn 1s ease 0.8s forwards;}
.subtitle-text {font-size: 1.3rem;color: var(--text-primary);font-weight: 500;text-shadow: 1px 1px 0 var(--bg-primary);}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}
.hero-buttons {display: flex;gap: 20px;justify-content: center;margin-bottom: 60px;opacity: 0;animation: fadeIn 1s ease 1s forwards;}
/* Minecraft Button Style */
.minecraft-btn {background: var(--bg-secondary);border: none;border-radius: 0;padding: 15px 25px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 16px;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 10px;text-decoration: none;color: var(--text-primary);box-shadow: 4px 4px 0 var(--minecraft-shadow), inset 0 -6px 0 #0008, inset 0 6px 0 #0004;position: relative;overflow: hidden;}
.minecraft-btn:hover {transform: translateY(-2px);box-shadow: 6px 6px 0 var(--minecraft-shadow), inset 0 -6px 0 #00000040, inset 0 6px 0 #00000085;border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to left, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;color: var(--text-secondary);}
.minecraft-btn:active {transform: translateY(2px);box-shadow: 2px 2px 0 var(--minecraft-shadow) inset 0 -6px 0 #0004, inset 0 6px 0 #0008;}
.btn-primary {background: var(--minecraft-green);color: var(--minecraft-white);}
.btn-primary:hover {background: var(--minecraft-dark-green);}
.btn-secondary {background: var(--minecraft-blue);color: var(--minecraft-white);}
.btn-secondary:hover {background: var(--minecraft-dark-blue);}
.btn-icon {font-size: 20px;}
.btn-text {display: flex;flex-direction: column;align-items: flex-start;}
.btn-main {font-size: 16px;font-weight: 700;}
.btn-sub {font-size: 12px;opacity: 0.8;}
.server-stats {display: flex;justify-content: center;gap: 30px;opacity: 0;animation: fadeIn 1s ease 1.2s forwards;}
.stat-card {background: var(--bg-primary);border: 2px solid var(--minecraft-black);border-radius: 0;padding: 20px;display: flex;align-items: center;gap: 15px;box-shadow: 4px 4px 0 var(--minecraft-shadow);transition: all 0.3s ease;min-width: 150px;}
.stat-card:hover {transform: translateY(-5px);box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.stat-icon {font-size: 24px;}
.stat-content {display: flex;flex-direction: column;align-items: flex-start;}
.stat-number {font-family: 'Minecraft', monospace;font-size: 1.5rem;font-weight: 700;color: var(--minecraft-green);}
.stat-label {font-size: 12px;color: var(--minecraft-gray);font-weight: 500;}
.scroll-indicator {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 10px;opacity: 0;animation: fadeIn 1s ease 1.5s forwards;}
.scroll-arrow {width: 20px;height: 20px;border-right: 3px solid var(--text-secondary);border-bottom: 3px solid var(--text-secondary);transform: rotate(45deg);animation: scrollBounce 2s infinite;}
@keyframes scrollBounce {
    0%,20%,50%,80%,100% {transform: rotate(45deg) translateY(0);}
    40% {transform: rotate(45deg) translateY(-10px);}
    60% {transform: rotate(45deg) translateY(-5px);}
}
.scroll-text {font-family: 'Minecraft', monospace;font-size: 12px;color: var(--text-primary);font-weight: 700;}
/* Section Styles */
section {padding: 100px 0;position: relative;z-index: 2;}
.section-header {text-align: center !important;margin-bottom: 60px;}
.section-title {font-family: 'Minecraft', monospace;font-size: 2.5rem;color: var(--minecraft-green);text-shadow: 2px 2px 0 var(--bg-primary);margin-bottom: 15px;text-align: center !important;}
.section-subtitle {font-size: 1.2rem;color: var(--text-secondary);font-weight: 500;}
/* About Section */
.about {background: var(--card-bg);border-top: 2px solid var(--border-color);border-bottom: 2px solid var(--border-color);}
.about-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.about-description {font-size: 1.1rem;color: var(--text-primary);margin-bottom: 30px;line-height: 1.8;}
.features-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.feature-item {display: flex;align-items: center;gap: 15px;padding: 20px;background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 0;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.feature-item:hover {background: var(--minecraft-green);color: var(--minecraft-white);transform: translateX(10px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.feature-icon {font-size: 24px;}
.feature-content h3 {font-family: 'Minecraft', monospace;font-size: 1.2rem;margin-bottom: 5px;color: var(--text-primary);}
.feature-content p {font-size: 14px;opacity: 0.8;color: var(--text-secondary);}
.about-visual {display: flex;justify-content: center;align-items: center;}
.minecraft-scene {position: relative;width: 300px;height: 200px;background: var(--minecraft-green);border: 2px solid var(--minecraft-black);border-radius: 0;box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.scene-block {position: absolute;width: 40px;height: 40px;border: 2px solid var(--minecraft-black);border-radius: 0;animation: sceneFloat 3s ease-in-out infinite;}
.scene-block.grass-block {background: var(--minecraft-green);top: 20px;left: 50px;animation-delay: 0s;}
.scene-block.stone-block {background: var(--minecraft-gray);top: 60px;right: 50px;animation-delay: 1s;}
.scene-block.diamond-block {background: #00BCD4;top: 100px;left: 100px;animation-delay: 2s;}
.scene-character {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 30px;animation: characterBounce 2s ease-in-out infinite;}
@keyframes sceneFloat {
    0%,100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}
@keyframes characterBounce {
    0%,100% {transform: translate(-50%, -50%) scale(1);}
    50% {transform: translate(-50%, -50%) scale(1.1);}
}
/* Features Section */
.swiper-container-horizontal {width: 100%;display: flex;flex-wrap: wrap;position: relative;padding-bottom: 119px;}
.swiper-container-horizontal .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.swiper-container-horizontal .button-prev1, .swiper-container-horizontal .button-next1 {width: 60px;height: 60px;line-height: 60px;text-align: center;position: absolute;border: 1px solid rgba(255, 255, 255, 0.3);z-index: 3;font-size: 23px;cursor: pointer;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;border-color: transparent;}
.swiper-container-horizontal .button-prev1 {left: 643px;top: 89.8%;border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to right, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;color: var(--text-secondary);}
.swiper-container-horizontal .button-next1 {right: 643px;top: 89.8%;border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to left, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;color: var(--text-secondary);}
.swiper-container-horizontal .swiper-slide {display: flex;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 287.25px;margin-right: 30px;height: 100%;padding: 0;position: relative;border-radius: 11px;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;opacity: 1;}
.component-tabs {width: 100%;display: flex;}
.component-tabs .tab-content {padding: 15px;width: 100%;}
.component-tabs .cards {display: flex;flex-direction: row;justify-content: space-around;align-items: center;flex-wrap: wrap;width: 100%;}
.component-tabs .cards .card {flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #000;background-clip: border-box;border: 1px solid rgba(0, 0, 0, .125);border-radius: .25rem;}
.component-tabs .cards .card {margin: 5px;position: relative;text-align: center;justify-content: center;align-items: center;display: flex;}
.component-tabs .cards .card img {height: 427px;width: 286px;max-width: 454px;max-height: 507px;}
.component-tabs .cards .card .card-content {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;position: absolute;background-color: rgba(29, 29, 30, 0.336);top: 0;left: 0;height: 100%;width: 100%;padding: 20px;border: .7rem solid transparent;border-color: var(--minecraft-green);cursor: pointer;transition: all 0.3s ease;}
.component-tabs .cards .card .card-content h2 {font-family: 'Minecraft', monospace;font-weight: 700; color: white;font-size: 22px;}
.component-tabs .cards .card .card-content button {border: 0;background-color: var(--minecraft-green);padding: 7px 10px;width: 100px;color: white;font-size: 16px;display: flex;flex-direction: row;justify-content: space-around;align-items: center;font-weight: 900;cursor: pointer;outline: none;transition: all 0.3s ease;opacity: 0;transition: 0.3s ease;}
.component-tabs .cards .card .card-content:hover button {opacity: 1;}
.features {background: var(--bg-primary);}
/* Events Section */
.events {background: var(--bg-primary);padding: 100px 0;position: relative;border-bottom: 1px solid var(--minecraft-gray);}
.events::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.events .container {position: relative;z-index: 1;}
.events-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 50px;}
.event-card {background: #000;border: 2px solid var(--minecraft-green);border-radius: 8px;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(255, 102, 0, 0.2);}
.event-card:hover {transform: translateY(-10px);box-shadow: 0 8px 25px rgba(255, 102, 0, 0.3);}
.event-image {position: relative;height: 200px;overflow: hidden;}
.event-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.event-card:hover .event-image img {transform: scale(1.1);}
.event-date {position: absolute;top: 15px;right: 15px;background: var(--minecraft-green);color: #fff;padding: 10px;border-radius: 4px;text-align: center;font-family: 'Minecraft', monospace;}
.event-date .day {display: block;font-size: 24px;font-weight: 700;line-height: 1;}
.event-date .month {display: block;font-size: 14px;margin-top: 4px;}
.event-content {padding: 25px;}
.event-content h3 {font-family: 'Minecraft', monospace;font-size: 1.5rem;color: var(--minecraft-green);margin-bottom: 15px;}
.event-time {display: flex;align-items: center;gap: 8px;color: #fff;margin-bottom: 15px;font-family: 'Minecraft', monospace;}
.event-time .material-symbols-outlined {font-size: 18px;color: var(--minecraft-green);}
.event-content p {color: #fff;margin-bottom: 20px;line-height: 1.6;}
.event-content .minecraft-btn {width: 100%;justify-content: center;}
.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.feature-card {background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 0;padding: 30px;transition: all 0.3s ease;box-shadow: 4px 4px 0 var(--minecraft-shadow);position: relative;overflow: hidden;}
.feature-card::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(124, 179, 66, 0.1), transparent);transition: left 0.5s;}
.feature-card:hover::before {left: 100%;}
.feature-card:hover {transform: translateY(-10px);box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.card-header {display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.card-icon {font-size: 30px;}
.card-header h3 {font-family: 'Minecraft', monospace;font-size: 1.5rem;color: var(--text-primary);}
.card-content p {color: var(--text-primary);margin-bottom: 15px;line-height: 1.6;}
.feature-list {list-style: none;}
.feature-list li {padding: 5px 0;color: var(--text-primary);position: relative;padding-left: 20px;}
.feature-list li::before {content: '✓';position: absolute;left: 0;color: var(--minecraft-green);font-weight: bold;}
/* Store Section */
.store {background: var(--bg-primary);border-top: 2px solid var(--minecraft-black);border-bottom: 2px solid var(--minecraft-black);}
.store-categories {display: flex;justify-content: center;gap: 20px;margin-bottom: 40px;flex-wrap: wrap;}
.category-btn {border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to left, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;color: var(--text-secondary);border: 2px solid transparent;border-radius: 0;padding: 15px 25px;cursor: pointer;transition: all 0.3s ease;font-family: 'Minecraft', monospace;font-weight: 700;display: flex;align-items: center;gap: 10px;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.category-btn.active,
.category-btn:hover {background: linear-gradient(to left, var(--minecraft-blue), var(--minecraft-green));color: var(--minecraft-white);border: 2px solid var(--bg-primary);transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.store-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-bottom: 40px;}
.product-card {background: var(--bg-secondary);border: 2px solid var(--minecraft-green);border-radius: 0;padding: 25px;transition: all 0.3s ease;box-shadow: 4px 4px 0 var(--minecraft-shadow);position: relative;overflow: hidden;}
.product-card::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(124, 179, 66, 0.1), transparent);transition: left 0.5s;}
.product-card:hover::before {left: 100%;}
.product-card:hover {transform: translateY(-10px);box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.product-badge {position: absolute;top: 15px;right: 15px;background: var(--minecraft-red);color: var(--bg-primary);padding: 5px 15px;border: 2px solid var(--minecraft-black);border-radius: 0;font-family: 'Minecraft', monospace;font-size: 12px;font-weight: 700;}
.product-badge.popular {background: var(--minecraft-green);}
.product-badge.premium {background: var(--minecraft-purple);}
.product-badge.best-value {background: var(--minecraft-yellow);color: var(--minecraft-black);}
.product-header {display: flex;align-items: center;gap: 15px;margin-bottom: 15px;}
.product-icon {font-size: 24px;}
.product-header h3 {font-family: 'Minecraft', monospace;font-size: 1.3rem;color: var(--text-primary);}
.product-price {font-family: 'Minecraft', monospace;font-size: 1.8rem;font-weight: 700;color: var(--minecraft-green);margin-bottom: 20px;}
.product-content {margin-bottom: 25px;}
.product-features {list-style: none;}
.product-features li {padding: 8px 0;color: var(--text-primary);position: relative;padding-left: 20px;}
.product-features li::before {content: '✓';position: absolute;left: 0;color: var(--minecraft-green);font-weight: bold;}
.product-description {color: var(--text-primary);font-style: italic;line-height: 1.6;}
.buy-btn {width: 100%;background: var(--minecraft-green);color: var(--minecraft-white);border: 2px solid var(--minecraft-black);border-radius: 0;padding: 15px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 16px;cursor: pointer;transition: all 0.3s ease;box-shadow: 2px 1px 0 var(--minecraft-shadow), inset 0 -4px 0 #0008, inset 0 4px 0 #0004;}
.buy-btn:hover {background: var(--minecraft-green);transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.cart-summary {background: var(--minecraft-white);border: 2px solid var(--minecraft-black);border-radius: 0;padding: 30px;box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.cart-header {display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.cart-header h3 {font-family: 'Minecraft', monospace;font-size: 1.5rem;color: var(--minecraft-black);}
.cart-icon {font-size: 24px;}
.cart-total {display: flex;justify-content: space-between;align-items: center;margin: 20px 0;padding: 15px;background: var(--minecraft-green);border: 2px solid var(--minecraft-black);border-radius: 0;}
.total-label {font-family: 'Minecraft', monospace;font-weight: 700;color: var(--minecraft-white);}
.total-amount {font-family: 'Minecraft', monospace;font-size: 1.5rem;font-weight: 700;color: var(--minecraft-white);}
.checkout-btn {width: 100%;background: var(--minecraft-blue);color: var(--minecraft-white);}
.checkout-btn:hover {background: var(--minecraft-dark-blue);}
/* Contact Section */
form {border: none}
.contact {background: var(--bg-primary);}
.contact-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.contact-item {display: flex;align-items: center;gap: 20px;margin-bottom: 30px;padding: 20px;background: var(--bg-primary);border: 2px solid var(--minecraft-green);border-radius: 0;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.contact-item:hover {background: var(--minecraft-green);color: var(--bg-secondary);transform: translateX(10px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.contact-icon {font-size: 24px;width: 50px;text-align: center;}
.contact-content h4 {font-family: 'Minecraft', monospace;font-size: 1.2rem;margin-bottom: 5px;color: var(--text-primary);}
.contact-content p {color: var(--text-secondary);}
.contact-form {background: var(--bg-primary);opacity: 0.95;padding: 40px;border: 2px solid var(--minecraft-green);border-radius: 0;box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.form-group {margin-bottom: 20px;}
.form-group .input-prompt {display: none;color: #1a1a1a;font-size: 16px;font-family: monospace;}
.form-group .input-prompt.info {color: #4caf50;}
.form-group .input-prompt.error {color: #f83266;}
.form-group .psw-message {display: none;position: absolute;background: var(--bg-secondary);color: var(--text-secondary);top: 0px;padding: 8px;text-align: left;border-radius: 12px;box-shadow: 0 0 2px #000;z-index:6}
.form-group .psw-message p {padding: 5px 35px;font-size: 16px;}
.form-group .psw-message .valid {color: #4caf50}
.form-group .psw-message .valid:before {position: relative;left: -35px;content: "✓";}
.form-group .psw-message .invalid {color: #ff6347}
.form-group .psw-message .invalid:before {position: relative;left: -35px;content: "×";}
.contact-form input,
.contact-form textarea {width: 100%;padding: 15px;background: var(--bg-primary);border: 2px solid var(--minecraft-green);border-radius: 0;color: var(--text-primary);font-size: 16px;font-family: 'Inter', sans-serif;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow), inset 0 6px 0 0 rgb(0 0 0 / 31%);}
.contact-form input:focus,
.contact-form textarea:focus {outline: none;border-color: var(--minecraft-green);box-shadow: 4px 4px 0 var(--minecraft-shadow);transform: translateY(-2px);}
.contact-form input::placeholder,
.contact-form textarea::placeholder {color: var(--minecraft-gray);}
.submit-btn {width: 100%;background: var(--minecraft-green);color: var(--minecraft-white);}
/* Login/Signup specific styles */
.auth-container {min-height: 100vh;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.auth-background, .profile-background {position: fixed;top: 0;left: 0;width: 100%;min-height: 100%;z-index: -1;}
.minecraft-sky-auth {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-sky);animation: skyAnimation 20s ease-in-out infinite;}
.auth-particles {position: absolute;width: 100%;height: 100%;}
.auth-particle {position: absolute;width: 4px;height: 4px;background: var(--minecraft-white);border-radius: 50%;animation: particleFloat 8s linear infinite;}
.auth-particle:nth-child(1) {left: 10%;animation-delay: 0s;}
.auth-particle:nth-child(2) {left: 20%;animation-delay: 1s;}
.auth-particle:nth-child(3) {left: 30%;animation-delay: 2s;}
.auth-particle:nth-child(4) {left: 40%;animation-delay: 3s;}
.auth-particle:nth-child(5) {left: 50%;animation-delay: 4s;}
.auth-particle:nth-child(6) {left: 60%;animation-delay: 5s;}
.auth-particle:nth-child(7) {left: 70%;animation-delay: 6s;}
.auth-particle:nth-child(8) {left: 80%;animation-delay: 7s;}
.auth-card {background: var(--bg-primary);color: var(--text-primary);border: 3px solid var(--minecraft-green);border-radius: 0;padding: 40px;width: 100%;max-width: 450px;position: relative;z-index: 2;box-shadow: 8px 8px 0 var(--minecraft-shadow);animation: slideInUp 0.8s ease;}
@keyframes slideInUp {from {opacity: 0;transform: translateY(50px);}
to {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes slide {
    0% {margin-left: 800px;}
    100% {margin-left: -5000px;}
}
@keyframes slide {
    0% {margin-left: 800px;}
    100% {margin-left: -5000px;}
}
.auth-header {text-align: center;margin-bottom: 30px;}
.auth-logo {display: flex;align-items: center;justify-content: center;gap: 15px;margin-bottom: 20px;}
.auth-logo-block {width: 50px;height: 50px;background: var(--minecraft-green);border: 2px solid var(--border-color);border-radius: 0;animation: logoRotate 10s linear infinite;}
.auth-logo-text {font-family: 'Minecraft', monospace;font-size: 2rem;font-weight: 700;background-image: linear-gradient(to right, var(--minecraft-blue), var(--minecraft-green));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.auth-title {font-family: 'Minecraft', monospace;font-size: 1.8rem;margin-bottom: 10px;text-shadow: 2px 2px 0 var(--bg-secondary);}
.auth-subtitle {font-size: 1rem;margin-bottom: 30px;}
.auth-form {margin-bottom: 30px;}
.form-group {margin-bottom: 25px;}
.form-label {display: block;font-family: 'Minecraft', monospace;font-weight: 700;color: #fff;margin-bottom: 8px;font-size: 14px;}
.form-input {width: 100%;padding: 15px;background: var(--bg-primary);border: 2px solid var(--minecraft-green) !important;border-radius: 0;color: var(--text-secondary);font-size: 16px;font-family: 'Inter', sans-serif;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow), inset 0 6px 0 0 rgb(0 0 0 / 31%);}
.form-input:focus, .form-input:hover {outline: none;box-shadow: 6px 6px 0 var(--minecraft-shadow);border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to left, var(--minecraft-blue), var(--minecraft-green));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent !important;color: var(--text-secondary);transform: translateY(-2px);}
.form-input::placeholder {color: var(--minecraft-gray);}
.password-toggle {position: relative;}
.password-toggle-btn, .cpassword-toggle-btn {position: absolute;right: 15px;top: 50%;display: flex;transform: translateY(-50%);background: none;border: none;cursor: pointer;font-size: 18px;color: var(--minecraft-gray);transition: color 0.3s ease;}
.password-toggle-btn:hover, .cpassword-toggle-btn:hover {color: var(--minecraft-green);}
#login-form .form-options {justify-content: space-between}
.form-options {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 25px;}
.form-options input[type=checkbox] {margin-right: 12px;cursor: pointer;accent-color: var(--minecraft-green);}
.form-options a {font-weight: bold;color: var(--minecraft-green);text-decoration: none;}
.remember-me {display: flex;align-items: center;gap: 8px;}
.remember-me input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;accent-color: var(--minecraft-green);}
.remember-me label {font-family: 'Minecraft', monospace;font-size: 14px;cursor: pointer;}
.forgot-password {color: var(--minecraft-blue);text-decoration: none;font-family: 'Minecraft', monospace;font-size: 14px;transition: color 0.3s ease;}
.forgot-password:hover {color: var(--minecraft-dark-blue);}
.auth-btn {width: 100%;background: var(--bg-primary);color: var(--text-secondary);border: 2px solid var(--minecraft-green);border-radius: 0;padding: 18px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 18px;cursor: pointer;transition: all 0.3s ease;margin-bottom: 20px;justify-content: center;}
.auth-btn:hover {transform: translateY(-2px);box-shadow: 6px 6px 0 var(--minecraft-shadow);}
.auth-btn:active {transform: translateY(2px);box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.auth-divider {text-align: center;margin: 25px 0;position: relative;}
.auth-divider::before {content: '';position: absolute;top: 50%;left: 0;right: 0;height: 2px;background: var(--minecraft-green);}
.auth-divider span {position: relative;background: var(--bg-primary);padding: 0 20px;font-family: 'Minecraft', monospace;font-size: 14px;color: var(--text-primary);z-index: 2;}
.switch-auth {text-align: center;margin-top: 20px;}
.switch-auth-text {font-size: 14px;margin-bottom: 10px;}
.switch-auth-btn {border: 2px solid var(--minecraft-green);border-radius: 0;padding: 12px 25px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-block;}
.switch-auth-btn:hover {transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.spinner-outer {height: 28px;width: 28px;}
.spinner-outer .e-spinner {height: 28px;width: 28px;}
.spinner-outer .e-spinner-circle {border-width: 3px;}
.e-selected, .e-select-input {background-color: #1a1a1a;color: #fff;box-shadow: inset 0px -4px 3px 0px #ff660017;}
.e-select-item div {color: #fff;}
.e-select-item {background-color: #1b1b1b;}
.back-to-home {position: absolute;top: 20px;left: 20px;background: var(--bg-primary);color: var(--text-primary);border: 2px solid var(--minecraft-green);border-radius: 0;padding: 10px 20px;font-family:'Minecraft', monospace;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);text-decoration: none;z-index: 3;}
.back-to-home:hover {background: var(--minecraft-green);color: var(--minecraft-white);transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.error-message {background: var(--minecraft-red);color: var(--minecraft-white);border: 2px solid var(--minecraft-black);border-radius: 0;padding: 12px 15px;margin-bottom: 20px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 14px;box-shadow: 2px 2px 0 var(--minecraft-shadow);display: none;}
.success-message {background: var(--minecraft-green);color: var(--minecraft-white);border: 2px solid var(--minecraft-black);border-radius: 0;padding: 12px 15px;margin-bottom: 20px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 14px;box-shadow: 2px 2px 0 var(--minecraft-shadow);display: none;}
/* Responsive design */
@media (max-width: 768px) {
    .auth-card {margin: 20px;padding: 30px;}
    .auth-logo-text {font-size: 1.5rem;}
    .auth-title {font-size: 1.5rem;}
    .back-to-home {top: 10px;left: 10px;padding: 8px 15px;font-size: 12px;}
}
.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: var(--bg-secondary);background-clip: border-box;border: 1px solid rgba(0, 0, 0, .125);border-radius: 12px;margin-bottom: 19.2px;border-color: transparent;}
.card .card-header {font-weight: 600;font-size: 19px;font-family: 'Minecraft', monospace;color: var(--minecraft-green);padding: 12px 20px;margin-bottom: 0;padding-bottom: 0;}
.card .card-header:first-child {border-radius: 12px 12px 0 0;}
.card .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding: 20px;padding-top: 16px;}
.card .pagination {background-color: var(--bg-opacity-5);display: inline-block;padding: 4px;list-style: none;border-radius: .25rem;}
.card .pagination a {font-size: 14px;font-weight: 500;padding: 9px 12px;color: var(--text-secondary-2) !important;transition: all .3s;}
.card .pagination a.disable {opacity: 0.2;}
.card .pagination a:hover {color: var(--text-secondary);}
.avatar-img {max-width: none;width: 45px;height: 45px;margin-right: 12px;}
.list-container span {cursor: pointer;font-size: 16px;}
.list-container .badge {padding: 3px 8px;margin-left: 4px;text-transform: uppercase;font-weight: 600;color: #fff;border-radius: 5px;}
.list-container .badge.danger {color: #fff; background-color: #dc3545;}
.list-container .badge.primary {color: #fff;background-color: #007bff;}
.list-container .badge.success {color: #fff;background-color: #2aaf50;}
.list-content {padding: 6px;padding-top: 0;margin-left: 41px;border-left: 2px solid #81818180;}
/* Profile Content */
.profile-content {display: grid;grid-template-columns: 1fr 2fr;gap: 40px;margin-bottom: 40px;}
/* Profile Sidebar */
.profile-sidebar {background: #000;border: 3px solid var(--minecraft-green);border-radius: 0;padding: 30px;box-shadow: 6px 6px 0 var(--minecraft-shadow);height: fit-content;position: sticky;top: 20px;}
.profile-avatar {text-align: center;margin-bottom: 30px;}
.avatar-container {width: 120px;height: 120px;background: var(--minecraft-green);border: 3px solid var(--border-color);border-radius: 0;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 3rem;box-shadow: 4px 4px 0 var(--minecraft-shadow);animation: avatarBounce 2s ease-in-out infinite;}
@keyframes avatarBounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.avatar-change-btn {background: var(--minecraft-blue);color: var(--minecraft-white);border: 2px solid var(--border-color);border-radius: 0;padding: 10px 20px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.avatar-change-btn:hover {background: var(--minecraft-dark-blue);transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.profile-stats {margin-bottom: 30px;}
.stat-item {display: flex;justify-content: space-between;align-items: center;padding: 15px 0;border-bottom: 2px solid var(--minecraft-green);}
.stat-item:last-child {border-bottom: none;}
.stat-label {font-family: 'Minecraft', monospace;font-weight: 700;color: var(--text-primary);}
.stat-value {font-family: 'Minecraft', monospace;font-weight: 700;color: var(--minecraft-green);font-size: 1.1rem;}
.profile-actions {display: flex;flex-direction: column;gap: 15px;}
.profile-action-btn {background: #000;color: #fff;border: 2px solid var(--minecraft-green);border-radius: 0;padding: 15px;font-family: 'Minecraft', monospace;font-weight: 700;font-size: 16px;cursor: pointer;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);text-decoration: none;text-align: center;}
.profile-action-btn:hover {background: var(--minecraft-green);color: var(--minecraft-white);transform: translateY(-2px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.profile-action-btn.danger {background: var(--minecraft-red);color: var(--minecraft-white);}
.profile-action-btn.danger:hover {background: var(--minecraft-dark-red);color: var(--minecraft-white);}
/* Profile Main */
.profile-main {display: flex;flex-direction: column;gap: 30px;}
.profile-section {background: #000;border: 3px solid var(--minecraft-green);border-radius: 0;padding: 30px;box-shadow: 6px 6px 0 var(--minecraft-shadow);transition: all 0.3s ease;}
.profile-section:hover {transform: translateY(-5px);box-shadow: 8px 8px 0 var(--minecraft-shadow);}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.form-textarea {width: 100%;padding: 15px;background: #000;border: 2px solid var(--minecraft-green);border-radius: 0;color: #fff;font-size: 16px;font-family: 'Inter', sans-serif;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);resize: vertical;min-height: 100px;}
.form-textarea:focus {outline: none;border-color: var(--minecraft-green);box-shadow: 4px 4px 0 var(--minecraft-shadow);transform: translateY(-2px);}


/* Modal Styles */
.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 999;}
.modal-content {background: var(--bg-primary);border: 2px solid var(--minecraft-green);border-radius: 8px;width: 90%;max-width: 600px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.modal-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid var(--minecraft-green);}
.modal-header h3 {font-family: 'Minecraft', monospace;font-size: 1.5rem;color: var(--minecraft-green);margin: 0;}
.close-modal {background: none;border: none;color: var(--text-primary);font-size: 24px;cursor: pointer;}
.modal-body {padding: 20px;}
.modal-body form {border: none}
.modal-body .form-group {margin-bottom: 20px;}
.modal-body label {display: block;font-family: 'Minecraft', monospace;color: var(--minecraft-green);margin-bottom: 8px;}
.modal-body input,
.modal-body select,
.modal-body textarea {width: 100%;padding: 10px;background: var(--bg-secondary);border: 1px solid var(--minecraft-green);border-radius: 4px;color: var(--text-primary);}
.modal-body input:focus,
.modal-body select:focus,
.modal-body textarea:focus {outline: none;border-color: var(--minecraft-green);}
.modal-body button {width: 100%;}
/* Achievement Grid */
.achievement-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;}
.achievement-item {background: #000;border: 2px solid var(--minecraft-green);border-radius: 0;padding: 20px;text-align: center;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.achievement-item:hover {background: var(--minecraft-green);color: var(--minecraft-white);transform: translateY(-5px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.achievement-icon {font-size: 2rem;margin-bottom: 10px;}
.achievement-title {font-family: 'Minecraft', monospace;font-weight: 700;font-size: 1rem;margin-bottom: 5px;}
.achievement-desc {font-size: 0.9rem;opacity: 0.8;}
/* Server Stats */
.server-stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px;}
.server-stat-card {background: #000;border: 2px solid var(--minecraft-green);border-radius: 0;padding: 20px;text-align: center;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.server-stat-card:hover {background: var(--minecraft-green);color: var(--minecraft-white);transform: translateY(-5px);box-shadow: 4px 4px 0 var(--minecraft-shadow);}
.server-stat-icon {font-size: 2rem;margin-bottom: 10px;}
.server-stat-number {font-family: 'Minecraft', monospace;font-size: 1.5rem;font-weight: 700;margin-bottom: 5px;}
.server-stat-label {font-size: 0.9rem;opacity: 0.8;}
.server-stat-card-modal {background: #000;border: 2px solid var(--minecraft-green);border-radius: 0;padding: 20px;max-width: 230px;margin: 0 auto;text-align: center;transition: all 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.admin-messages {background: var(--bg-primary);border-top: 2px solid var(--minecraft-green);border-bottom: 2px solid var(--minecraft-blue);padding: 100px 0;}
.admin-messages-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 60px;}
.admin-message-card {background: var(--minecraft-white);border: 3px solid var(--minecraft-black);border-radius: 0;padding: 30px;transition: all 0.3s ease;box-shadow: 6px 6px 0 var(--minecraft-shadow);position: relative;overflow: hidden;animation: fadeInUp 0.8s ease forwards;opacity: 0;transform: translateY(50px);}
.admin-message-card:nth-child(1) { animation-delay: 0.1s; }
.admin-message-card:nth-child(2) { animation-delay: 0.2s; }
.admin-message-card:nth-child(3) { animation-delay: 0.3s; }
.admin-message-card:nth-child(4) { animation-delay: 0.4s; }
.admin-message-card::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(124, 179, 66, 0.1), transparent);transition: left 0.5s;}
.admin-message-card:hover::before {left: 100%;}
.admin-message-card:hover {transform: translateY(-10px);box-shadow: 8px 8px 0 var(--minecraft-shadow);}
.admin-avatar {display: flex;justify-content: center;margin-bottom: 20px;}
.steve-face {width: 80px;height: 80px;background: var(--minecraft-green);border: 3px solid var(--minecraft-black);border-radius: 0;display: flex;align-items: center;justify-content: center;font-size: 2.5rem;box-shadow: 4px 4px 0 var(--minecraft-shadow);animation: steveBounce 2s ease-in-out infinite;position: relative;cursor: pointer;}
.steve-face::before {content: '';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;background: var(--minecraft-dark-green);border: 2px solid var(--minecraft-black);border-radius: 0;z-index: -1;animation: steveGlow 3s ease-in-out infinite;}
@keyframes steveBounce {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(-2deg); }
    50% { transform: scale(1.1) rotate(0deg); }
    75% { transform: scale(1.05) rotate(2deg); }
}
@keyframes steveGlow {
    0%, 100% { box-shadow: 0 0 0 rgba(124, 179, 66, 0.5); }
    50% { box-shadow: 0 0 20px rgba(124, 179, 66, 0.8); }
}
.admin-info {text-align: center;margin-bottom: 20px;}
.admin-name {font-family: 'Minecraft', monospace;font-size: 1.3rem;font-weight: 700;color: var(--minecraft-black);margin-bottom: 5px;text-shadow: 1px 1px 0 var(--minecraft-white);}
.admin-role {background: var(--minecraft-blue);color: var(--minecraft-white);padding: 5px 15px;border: 2px solid var(--minecraft-black);border-radius: 0;font-family: 'Minecraft', monospace;font-size: 12px;font-weight: 700;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.admin-message {text-align: left;opacity: 0.75;padding: 0 3px;}
.admin-message p {color: var(--minecraft-black);font-size: 1rem;line-height: 1.6;margin-bottom: 15px;font-style: italic;position: relative;}
.admin-message p::before {content: '"';font-size: 2rem;color: var(--minecraft-green);font-family: 'Minecraft', monospace;position: absolute;top: -10px;left: -10px;}
.admin-message p::after {content: '"';font-size: 2rem;color: var(--minecraft-green);font-family: 'Minecraft', monospace;position: absolute;bottom: -20px;right: -10px;}
.message-date {font-family: 'Minecraft', monospace;font-size: 12px;color: var(--minecraft-gray);font-weight: 700;}
@keyframes fadeInUp {
    to {opacity: 1;transform: translateY(0);}
}
/* Responsive Design */
@media (max-width: 768px) {
    .admin-messages-grid {grid-template-columns: 1fr;gap: 20px;}
    .admin-message-card {padding: 20px;}
    .steve-face {width: 60px;height: 60px;font-size: 2rem;}
    .admin-name {font-size: 1.1rem;}
    .tablo .tablo-1-ve-2, .tablo .tablo-1-ve-3 {width: 100% !important;padding: 0 32px;}
    .galeri1, .galeri {position: relative;}
    .galeri {top: -100%}
}
/* Footer */
.footer {background: var(--bg-primary);color: var(--text-primary);padding: 60px 0 20px;border-top: 2px solid var(--minecraft-green);}
.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;margin-bottom: 40px;}
.footer-logo {display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.footer-logo h3 {font-family: 'Minecraft', monospace;font-size: 1.5rem;color: var(--minecraft-green);}
.footer-section h4 {font-family: 'Minecraft', monospace;font-size: 1.2rem;margin-bottom: 20px;color: var(--minecraft-green);}
.footer-section ul {list-style: none;}
.footer-section ul li {margin-bottom: 10px;}
.footer-section ul li a {color: var(--minecraft-white);text-decoration: none;transition: color 0.3s ease;}
.footer-section ul li a:hover {color: var(--minecraft-green);}
.footer .footer-social {width: 100%;display: flex;flex-wrap: wrap;padding: 0;margin: 0;font-size: 2rem;}
.footer .footer-social li {display: inline-block;margin-right: 10px;padding: 0;list-style: none;}
.footer .footer-social li a {width: 53px;height: 40px;line-height: 46px;display: inline-block;border: 1px solid rgba(255, 255, 255, 0.3);color: var(--text-primary);text-align: center;font-size: 21px;}
.footer .footer-social li a {border-image: linear-gradient(to right, #ffffff, #ffffff);background: linear-gradient(var(--bg-primary), var(--bg-primary)), linear-gradient(to right, var(--minecraft-green), var(--minecraft-blue));background-origin: padding-box, border-box;background-repeat: no-repeat;border: 2px solid transparent;}
.footer .widget-title {background-image: linear-gradient(to right, var(--minecraft-green), var(--minecraft-dark-green));background-clip: text;-webkit-background-clip: text;color: transparent;font-size: 28px;font-weight: 700;font-family:'Minecraft', monospace;}
.footer .widget-title {text-align: center;width: 100%;display: block;font-weight: 500;font-size: 26px;margin-top: 10px;margin-bottom: 15px;}
.footer .footer-menu {width: 100%;display: flex;flex-wrap: wrap;margin: 0;padding: 0;justify-content: center;}
.footer .menu {margin: 0;padding: 0;}
.footer .menu li {width: 100%;display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 5px 0;list-style: none;}
.footer .menu li::before {content: "";width: 11px;height: 4px;display: inline-block;border-radius: 4px;background: var(--text-secondary);margin-right: 9px;}
.footer .menu li a {position: relative;color: var(--text-primary);}
.footer .menu li a:hover {color: var(--minecraft-green);}
.footer .menu li a::before {background-color: var(--minecraft-green);bottom: 0;display: block;height: 3px;width: 0%;content: ""}
.footer .menu li a::before, .footer .menu li a::after {position: absolute;-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.footer .menu li a:hover:before {width: 100%;opacity: 1}
@media (max-width: 850px) {
    .footer .footer-menu {justify-content: flex-start}
}
.social-links {display: flex;gap: 15px;}
.social-link {width: 40px;height: 40px;background: var(--minecraft-green);border: 2px solid var(--minecraft-white);border-radius: 0;display: flex;align-items: center;justify-content: center;color: var(--minecraft-white);text-decoration: none;transition: all 0.3s ease;font-size: 18px;}
.social-link:hover {background: var(--minecraft-white);color: var(--minecraft-green);transform: translateY(-3px);box-shadow: 4px 4px 0 var(--minecraft-green);}
.footer-bottom {text-align: center;padding-top: 20px;border-top: 2px solid var(--minecraft-green);color: var(--minecraft-gray);}
/* Responsive Design */
@media (min-width: 1200px) {
    .nav-container>div {max-width: 1450px;}
}
@media (max-width: 768px) {
    .hamburger {display: flex;}
    .nav-container>div {flex-wrap: nowrap;}
    .navbar-expand-md .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto;}
    .hero {margin-top: 72px;}
    .theme-toggle {position: absolute;top: 81px;right: 12px;}
    .account-btn :first-child {display: none;}
    .nav-menu {position: fixed;left: -100vw;top: 0px;flex-direction: column;background: var(--bg-secondary);width: 330px;height: 100vh;text-align: center;transition: 0.3s;padding: 56px 0;border-top: 2px solid var(--minecraft-black);box-shadow: 0 4px 0 var(--minecraft-shadow);z-index: 4;}
    .nav-menu.active {left: 0;}
    .nav-menu li {margin: 15px 0;margin-left: 32px;}
    .hero-buttons {flex-direction: column;align-items: center;}
    .server-stats {flex-direction: column;gap: 20px;}
    .about-content,.contact-content {grid-template-columns: 1fr;gap: 40px;}
    .features-grid {grid-template-columns: 1fr;}
    .store-categories {flex-direction: column;align-items: center;}
    .music-player {top: 10px;right: 10px;padding: 10px 15px;}
    .music-info {display: none;}
}
@media (max-width: 480px) {
    .container {padding: 0 15px;}
    .hero-title {font-size: 2rem;}
    .section-title {font-size: 2rem;}
    .feature-card,.product-card {padding: 20px;}
    .contact-form {padding: 20px;}
}
/* Scroll Animations */
.fade-in {opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.fade-in.visible {opacity: 1;transform: translateY(0);}
.fadeInRight {opacity: 0;transform: translateX(50px);transition: all 0.6s ease;}
.fadeInRight.visible {opacity: 1;transform: translateX(0);}
.fadeInUp {opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.fadeInUp.visible {opacity: 1;transform: translateY(0);}
.slide-in-left {opacity: 0;transform: translateX(-50px);transition: all 0.6s ease;}
.slide-in-left.visible {opacity: 1;transform: translateX(0);}
.slide-in-right {opacity: 0;transform: translateX(50px);transition: all 0.6s ease;}
.slide-in-right.visible {opacity: 1;transform: translateX(0);}
/* Loading Animation */
.loading {display: inline-block;width: 20px;height: 20px;border: 3px solid var(--minecraft-gray);border-radius: 50%;border-top-color: var(--minecraft-green);animation: spin 1s ease-in-out infinite;}
@keyframes spin {
    to {transform: rotate(360deg);}
}
/* Success/Error Messages */
.message {padding: 15px 20px;border: 2px solid var(--minecraft-black);border-radius: 0;margin: 20px 0;font-family: 'Minecraft', monospace;font-style: normal;font-weight: 700;animation: slideInDown 0.3s ease;box-shadow: 2px 2px 0 var(--minecraft-shadow);}
.message.success {background: var(--minecraft-green);color: var(--minecraft-white);}
.message.error {background: var(--minecraft-red);color: var(--minecraft-white);}
.message.info {background: var(--minecraft-blue);color: var(--minecraft-white);}
.message.warn {background: var(--minecraft-dark-yellow);color: var(--minecraft-white);}
.message.halloween {background: var(--minecraft-green);color: var(--minecraft-white);}
::-webkit-scrollbar {background: #fff;width: 0.2rem;height: 0.8rem;}
::-webkit-scrollbar-thumb {background: linear-gradient(to bottom, #2196F3, #7CB342);}
::selection {background-color: #7CB327;color: #fff;}
@keyframes slideInDown {
    from {transform: translateY(-100%);opacity: 0;}
    to {transform: translateY(0);opacity: 1;}
}

@keyframes shake {
    0%, 50%, 100% {transform: translateX(0);}
    25% {transform: translateX(-20px);}
    75% {transform: translateX(20px);}
}
.shake {animation: shake .4s cubic-bezier(0.53, 0.64, 1, 0.09) 2;}
@keyframes pulse {
    0%, 100% {opacity: 1;}
    50% {opacity: 0.5;}
}
/* Loading Screen Rotating Messages */
.loading-text {font-family: 'Minecraft', monospace;font-size: 1.2rem;color: var(--text-primary);animation: textBlink 1s ease-in-out infinite;min-height: 30px;}
/* Dark mode loading screen */
[data-theme="dark"] .loading-screen {background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%);}