*{margin:0;padding:0;box-sizing:border-box}:root{--fantasy-dark: #1a3a3a;--fantasy-teal: #2d4a4a;--fantasy-teal-light: #3d5a5a;--fantasy-gold: #d4af37;--fantasy-gold-dark: #b8860b;--fantasy-gold-light: #f4d03f;--magic-blue: #4a9eff;--magic-blue-bright: #5bb3ff;--magic-blue-dark: #3a8eef;--text-color: #f5f5dc;--text-light: #d4d4c4;--text-dark: #1a1a1a;--bg-color: #0f1f1f;--bg-light: #1a2a2a;--bg-dark: #0a1515;--bg-glass: rgba(26, 58, 58, .7);--bg-glass-light: rgba(45, 74, 74, .5);--shadow: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .7);--shadow-gold: 0 0 20px rgba(212, 175, 55, .4);--shadow-blue: 0 0 30px rgba(74, 158, 255, .5);--glow-gold: 0 0 15px rgba(212, 175, 55, .6);--glow-blue: 0 0 20px rgba(74, 158, 255, .7);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-color) 50%,var(--bg-light) 100%);background-attachment:fixed;line-height:1.7;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;font-weight:600;letter-spacing:.05em;color:var(--fantasy-gold)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.2);box-shadow:var(--shadow)}.glass-light{background:var(--bg-glass-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(74,158,255,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:var(--shadow-gold)}50%{box-shadow:var(--glow-gold),var(--shadow-lg)}}@keyframes glowBlue{0%,to{box-shadow:var(--shadow-blue)}50%{box-shadow:var(--glow-blue),var(--shadow-lg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header{background:linear-gradient(180deg,#1a3a3af2,#0f1f1ff2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0009;position:sticky;top:0;z-index:1000;border-bottom:2px solid rgba(212,175,55,.3)}.header-container{max-width:1200px;margin:0 auto;padding:1.5rem 20px;display:flex;justify-content:center;align-items:center;position:relative}.logo-link{display:flex;align-items:center;text-decoration:none;transition:var(--transition)}.logo-link:hover{filter:drop-shadow(var(--glow-gold));transform:scale(1.05)}.logo{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.navigation{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:6px;z-index:1001;position:absolute;right:0}.mobile-menu-toggle span{width:28px;height:3px;background:var(--fantasy-gold);transition:var(--transition);border-radius:2px}.nav-list{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-list a{text-decoration:none;color:var(--text-light);font-weight:500;font-size:1.05rem;transition:var(--transition);padding:.5rem 1rem;position:relative;text-transform:uppercase;letter-spacing:.05em}.nav-list a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--fantasy-gold);transition:var(--transition);transform:translate(-50%)}.nav-list a:hover{color:var(--fantasy-gold);text-shadow:0 0 10px rgba(212,175,55,.5)}.nav-list a:hover:before{width:80%}.nav-list a.active{color:var(--fantasy-gold);text-shadow:0 0 10px rgba(212,175,55,.5)}.nav-list a.active:before{width:80%}.discord-link{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff!important;padding:.7rem 1.5rem;border-radius:8px;transition:var(--transition);box-shadow:0 4px 15px #5865f266;border:1px solid rgba(255,255,255,.2)}.discord-link:before{display:none}.discord-link:hover{background:linear-gradient(135deg,#4752c4,#3a45b3);transform:translateY(-2px);box-shadow:0 6px 20px #5865f299;color:#fff!important}.hero{position:relative;height:85vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:120%;z-index:1;will-change:transform}.hero-image{width:100%;height:100%;object-fit:cover;filter:brightness(1) contrast(1)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f1f1f66,#1a3a3a99,#0f1f1fd9);z-index:2}.hero-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(212,175,55,.1) 50%,rgba(15,31,31,.8) 100%);z-index:2}.hero-content{position:relative;z-index:3;text-align:center;color:#fff;width:100%;animation:fadeInUp 1s ease-out}.hero-logo{height:280px;width:auto;max-width:90%;object-fit:contain;margin:0 auto 2rem;display:block;filter:drop-shadow(0 0 30px rgba(212,175,55,.6)) drop-shadow(0 0 60px rgba(212,175,55,.4)) drop-shadow(0 0 90px rgba(74,158,255,.3));animation:fadeInUp 1s ease-out,float 6s ease-in-out infinite;transition:var(--transition)}.hero-logo:hover{filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 80px rgba(212,175,55,.6)) drop-shadow(0 0 120px rgba(74,158,255,.5));transform:scale(1.05)}.hero-subtitle{font-size:1.8rem;margin-bottom:3rem;text-shadow:0 0 15px rgba(74,158,255,.6),2px 2px 8px rgba(0,0,0,.8);color:var(--magic-blue-bright);font-weight:300;letter-spacing:.1em}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-button{padding:1.2rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:var(--transition);display:inline-block;text-transform:uppercase;letter-spacing:.1em;position:relative}.hero-button.primary{background:linear-gradient(135deg,var(--fantasy-gold),var(--fantasy-gold-dark));color:var(--text-dark);box-shadow:var(--shadow-gold);border:2px solid rgba(255,255,255,.3)}.hero-button.primary:hover{background:linear-gradient(135deg,var(--fantasy-gold-light),var(--fantasy-gold));transform:translateY(-3px);box-shadow:var(--glow-gold),var(--shadow-lg)}.hero-button.secondary{background:#d4af3733;color:var(--fantasy-gold-light);border:2px solid var(--fantasy-gold);box-shadow:0 6px 25px #d4af374d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-button.secondary:hover{background:#d4af3780;transform:translateY(-3px);box-shadow:var(--glow-gold),0 8px 35px #d4af3780;border-color:var(--fantasy-gold-light)}.server-intro{padding:6rem 0;background:linear-gradient(180deg,var(--bg-color) 0%,var(--bg-light) 100%);position:relative}.server-intro:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(74,158,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.05) 0%,transparent 50%);pointer-events:none}.server-intro h2{font-size:3.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--fantasy-gold),var(--magic-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.intro-text{font-size:1.3rem;text-align:center;max-width:900px;margin:0 auto;color:var(--text-light);line-height:1.9}.features{padding:6rem 0;background:var(--bg-dark);position:relative}.features:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 30%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(74,158,255,.08) 0%,transparent 50%);pointer-events:none}.features h2{font-size:3.5rem;margin-bottom:4rem;text-align:center;background:linear-gradient(135deg,var(--fantasy-gold),var(--magic-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:flex;flex-wrap:wrap;gap:2.5rem;position:relative;z-index:1;justify-content:center}.feature-card{background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:15px;border:1px solid rgba(212,175,55,.3);box-shadow:var(--shadow);transition:var(--transition-slow);text-align:center;position:relative;overflow:hidden;flex:0 1 320px;min-width:280px;max-width:100%}.feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);opacity:0;transition:var(--transition-slow)}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--glow-gold),var(--shadow-lg);border-color:var(--fantasy-gold)}.feature-card h3{font-size:1.6rem;margin-bottom:1.2rem;color:var(--fantasy-gold);position:relative;z-index:1}.feature-card p{color:var(--text-light);line-height:1.8;position:relative;z-index:1}.how-to-start{padding:6rem 0;background:linear-gradient(180deg,var(--bg-light) 0%,var(--bg-color) 100%);position:relative}.how-to-start:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 50%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 75% 50%,rgba(74,158,255,.08) 0%,transparent 50%);pointer-events:none}.how-to-start h2{font-size:3.5rem;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,var(--fantasy-gold),var(--magic-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;position:relative;z-index:1}.how-to-start-intro{font-size:1.3rem;text-align:center;max-width:800px;margin:0 auto 4rem;color:var(--text-light);line-height:1.9;position:relative;z-index:1}.steps-container{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1;max-width:900px;margin:0 auto}.step-item{display:flex;gap:2rem;align-items:flex-start;background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:15px;border:1px solid rgba(212,175,55,.3);box-shadow:var(--shadow);transition:var(--transition-slow);position:relative;overflow:hidden}.step-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--fantasy-gold),var(--magic-blue));opacity:.6;transition:var(--transition)}.step-item:hover{transform:translate(10px);box-shadow:var(--glow-gold),var(--shadow-lg);border-color:var(--fantasy-gold)}.step-item:hover:before{opacity:1;width:5px}.step-number{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--fantasy-gold),var(--fantasy-gold-dark));color:var(--text-dark);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;box-shadow:var(--shadow-gold);border:2px solid rgba(255,255,255,.3);position:relative;z-index:1}.step-content{flex:1}.step-content h3{font-size:1.6rem;margin-bottom:1rem;color:var(--fantasy-gold);position:relative}.step-content p{color:var(--text-light);line-height:1.8;margin-bottom:1rem}.step-link{display:inline-block;color:var(--magic-blue-bright);text-decoration:none;font-weight:600;transition:var(--transition);border-bottom:2px solid transparent;padding-bottom:2px}.step-link:hover{color:var(--magic-blue);border-bottom-color:var(--magic-blue);text-shadow:0 0 10px rgba(74,158,255,.5);transform:translate(5px)}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--fantasy-teal) 0%,var(--fantasy-dark) 50%,var(--magic-blue-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(74,158,255,.2) 0%,transparent 50%);pointer-events:none}.cta-section h2{font-size:3.5rem;margin-bottom:1.5rem;color:var(--fantasy-gold-light);text-shadow:0 0 20px rgba(212,175,55,.5);position:relative;z-index:1}.cta-section p{font-size:1.3rem;margin-bottom:2.5rem;color:var(--text-light);position:relative;z-index:1}.cta-button{display:inline-block;padding:1.2rem 3rem;background:linear-gradient(135deg,var(--fantasy-gold),var(--fantasy-gold-dark));color:var(--text-dark);text-decoration:none;border-radius:8px;font-weight:700;font-size:1.2rem;transition:var(--transition);box-shadow:var(--shadow-gold);border:2px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--glow-gold),var(--shadow-lg);background:linear-gradient(135deg,var(--fantasy-gold-light),var(--fantasy-gold))}.page-header{background:linear-gradient(135deg,var(--fantasy-dark) 0%,var(--fantasy-teal) 50%,var(--magic-blue-dark) 100%);color:#fff;padding:5rem 0;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(212,175,55,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(74,158,255,.15) 0%,transparent 50%);pointer-events:none}.page-header h1{font-size:4rem;margin-bottom:1.5rem;color:var(--fantasy-gold-light);text-shadow:0 0 30px rgba(212,175,55,.6);position:relative;z-index:1}.page-subtitle{font-size:1.3rem;opacity:.95;max-width:700px;margin:0 auto;color:var(--text-light);position:relative;z-index:1}.rules-content{padding:4rem 0;background:var(--bg-color)}.rule-category{margin-bottom:3rem;background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:15px;border:1px solid rgba(212,175,55,.3);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.rule-category:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--fantasy-gold),var(--magic-blue));opacity:.6}.rule-category:hover{transform:translate(5px);box-shadow:var(--shadow-lg);border-color:var(--fantasy-gold)}.rule-category h2{font-size:2.2rem;margin-bottom:2rem;color:var(--fantasy-gold);border-bottom:2px solid rgba(212,175,55,.4);padding-bottom:1rem;position:relative}.rules-list{list-style:none;padding-left:0}.rules-list li{padding:1rem 0 1rem 2rem;position:relative;color:var(--text-light);line-height:1.8;transition:var(--transition)}.rules-list li:hover{color:var(--text-color);padding-left:2.5rem}.rules-list li:before{content:"✦";position:absolute;left:0;color:var(--magic-blue);font-weight:700;font-size:1.2rem;text-shadow:0 0 10px rgba(74,158,255,.6)}.rules-footer{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#d4af3726,#4a9eff26);border-left:4px solid var(--fantasy-gold);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rules-footer p{color:var(--fantasy-gold-light);margin:0;line-height:1.8}.news-content{padding:4rem 0;background:var(--bg-color)}.news-list{display:flex;flex-direction:column;gap:2.5rem}.news-item{background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:15px;border:1px solid rgba(74,158,255,.3);box-shadow:var(--shadow);transition:var(--transition-slow);position:relative;overflow:hidden}.news-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--magic-blue),var(--fantasy-gold));opacity:0;transition:var(--transition)}.news-item:hover:before{opacity:1}.news-item:hover{transform:translate(10px);box-shadow:var(--glow-blue),var(--shadow-lg);border-color:var(--magic-blue)}.news-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.news-item-header h2{font-size:2rem;color:var(--fantasy-gold);flex:1;min-width:200px}.news-date{background:linear-gradient(135deg,var(--magic-blue),var(--magic-blue-dark));color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 15px #4a9eff66;font-weight:600}.news-item-content{color:var(--text-light);line-height:1.9;font-size:1.05rem}.no-news{text-align:center;padding:4rem;color:var(--text-light)}.worldmap-content{padding:4rem 0;background:var(--bg-color)}.worldmap-placeholder{background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:5rem 3rem;border-radius:15px;text-align:center;border:2px dashed rgba(212,175,55,.4);box-shadow:var(--shadow)}.placeholder-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--fantasy-gold)}.placeholder-content p{color:var(--text-light);margin-bottom:1.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.9;font-size:1.1rem}.placeholder-icon{font-size:5rem;margin-top:2rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(74,158,255,.5))}.impressum-content{padding:4rem 0;background:var(--bg-color)}.impressum-section{margin-bottom:3rem;background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:15px;border:1px solid rgba(212,175,55,.3);box-shadow:var(--shadow)}.impressum-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--fantasy-gold)}.impressum-section h3{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem;color:var(--fantasy-gold)}.impressum-section p{color:var(--text-light);line-height:1.9;margin-bottom:1.2rem}.impressum-section a{color:var(--magic-blue-bright);text-decoration:none;transition:var(--transition);border-bottom:1px solid transparent}.impressum-section a:hover{color:var(--magic-blue);border-bottom-color:var(--magic-blue);text-shadow:0 0 10px rgba(74,158,255,.5)}.footer{background:linear-gradient(180deg,var(--fantasy-dark) 0%,var(--bg-dark) 100%);color:#fff;padding:4rem 0 2rem;margin-top:auto;border-top:2px solid rgba(212,175,55,.3);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(74,158,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(212,175,55,.05) 0%,transparent 50%);pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;justify-content:center;justify-items:center;text-align:center}.footer-section{text-align:left}.footer-section h3,.footer-section h4{margin-bottom:1.5rem;color:var(--fantasy-gold);font-family:Cinzel,serif}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section a{color:var(--text-light);text-decoration:none;transition:var(--transition);display:inline-block}.footer-section a:hover{color:var(--fantasy-gold);transform:translate(5px);text-shadow:0 0 10px rgba(212,175,55,.5)}.footer-bottom{border-top:1px solid rgba(212,175,55,.2);padding-top:2rem;text-align:center;color:var(--text-light)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-list{position:absolute;top:calc(100% + 1rem);right:0;flex-direction:column;background:var(--fantasy-dark);box-shadow:var(--shadow-lg);padding:1.5rem;min-width:250px;border:1px solid rgba(212,175,55,.3);border-radius:10px;transform:translate(100%);opacity:0;visibility:hidden;transition:var(--transition)}.nav-list-open{transform:translate(0);opacity:1;visibility:visible}.hero-logo{height:200px;margin-bottom:1.5rem}.hero-subtitle{font-size:1.4rem}.hero-buttons{flex-direction:column;align-items:center}.hero-button{width:100%;max-width:350px}.page-header h1{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.server-intro h2,.features h2,.how-to-start h2,.cta-section h2{font-size:2.5rem}.how-to-start-intro{font-size:1.1rem;margin-bottom:3rem}.step-item{flex-direction:column;gap:1.5rem;padding:2rem}.step-number{width:50px;height:50px;font-size:1.5rem}.step-content h3{font-size:1.4rem}.features-grid{flex-direction:column;align-items:center}.feature-card{flex:0 1 100%;max-width:100%}.news-item-header{flex-direction:column}.news-item-header h2{font-size:1.6rem}.footer-content{grid-template-columns:1fr}}@media (max-width: 480px){.logo{height:50px}.hero{min-height:500px;height:70vh}.hero-logo{height:120px;margin-bottom:1rem}.container{padding:0 15px}.rule-category,.news-item,.impressum-section{padding:1.8rem}.page-header{padding:3rem 0}.page-header h1{font-size:2rem}.how-to-start{padding:4rem 0}.how-to-start h2{font-size:2rem}.step-item{padding:1.5rem}.step-number{width:45px;height:45px;font-size:1.3rem}.step-content h3{font-size:1.2rem}}