main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 12%;text-align:center}.hero{max-width:800px}.hero-intro{margin-top:4rem;margin-bottom:3rem;text-align:left;align-self:flex-start}.hero-intro h1{font-family:'MinecraftTen',sans-serif;font-size:1.2rem;font-weight:300;margin-bottom:.5rem;letter-spacing:.125em;color:#7cabff}.hero-intro .slogan{font-size:4.5rem;color:#fff;line-height:1.6;font-weight:500}.hero-intro .slogan strong{font-weight:700;position:relative}.hero-intro .slogan strong::after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:6px;background:linear-gradient(90deg,#54a0ff,#feca57,#ff9ff3,#54a0ff);background-size:200% 100%;animation:logoGradient 2s linear infinite;border-radius:3px}.hero-intro .hero-desc{margin-top:1.5rem;font-size:1.1rem;color:#b8b8d1;line-height:1.8}.section-subtitle{font-family:'MinecraftTen',sans-serif;font-size:1.2rem;font-weight:300;letter-spacing:.125em;color:#7cabff;margin-top:4rem;margin-bottom:0;align-self:flex-start;text-align:left}.section-title{font-size:2rem;color:#fff;line-height:1.6;font-weight:500;margin-top:.5rem;margin-bottom:0;align-self:flex-start;text-align:left}.section-desc{font-size:1.1rem;color:#b8b8d1;line-height:1.8;align-self:flex-start;text-align:left;margin:0}.section-desc-row{display:flex;justify-content:space-between;align-items:center;align-self:flex-start;width:100%;margin-top:.5rem}.section-link{color:#7cabff;text-decoration:none;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;white-space:nowrap}.section-link:hover{background:rgba(124,171,255,0.2);color:#fff}.server-cards{display:flex;gap:1rem;align-self:flex-start;margin-top:1.5rem;width:100%;max-width:650px}.server-card{flex:1;background:var(--bg-card);border-radius:20px;padding:1rem 1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .5s ease;text-align:left;cursor:pointer;position:relative}.server-card::before{content:'';position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(90deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .5s ease}.server-card:hover{background:var(--bg-card-hover);transform:translateY(-5px)}.server-card h3{font-size:1rem;margin-bottom:.3rem;transition:all .5s ease}.server-card p{color:#b8b8d1;font-size:.95rem;font-family:'MinecraftAE',sans-serif;margin:0}.server-card.java h3{color:#fa0}.server-card.java:hover{box-shadow:0 0 40px rgba(255,170,0,1)}.server-card.java:hover::before{background:linear-gradient(90deg,#fc6,#fa0,#fa0,#fc6);background-size:200%;animation:serverBorderGradient 2s linear infinite}.server-card.java:hover h3{background:linear-gradient(90deg,#fc6,#fa0,#fa0,#fc6);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,170,0,1));animation:serverTextGradient 2s linear infinite}.server-card.bedrock h3{color:#00b464}.server-card.bedrock:hover{box-shadow:0 0 40px rgba(0,180,100,1)}.server-card.bedrock:hover::before{background:linear-gradient(90deg,#66d9a3,#00b464,#00b464,#66d9a3);background-size:200%;animation:serverBorderGradient 2s linear infinite}.server-card.bedrock:hover h3{background:linear-gradient(90deg,#66d9a3,#00b464,#00b464,#66d9a3);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,180,100,1));animation:serverTextGradient 2s linear infinite}@keyframes serverBorderGradient{0%{background-position:0 0}100%{background-position:200%}}@keyframes serverTextGradient{0%{background-position:0 0}100%{background-position:200% 0}}.video-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-self:flex-start;margin-top:1.5rem;width:100%}.video-card{background:var(--bg-card);border-radius:20px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;width:100%;padding-top:56.25%;transition:all .5s ease}.video-card::before{content:'';position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(90deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .5s ease;z-index:1}.video-card:hover{background:var(--bg-card-hover);transform:translateY(-10px);box-shadow:0 0 40px rgba(0,150,255,1)}.video-card:hover::before{background:linear-gradient(90deg,#30ddff,#001aff,#001aff,#30ddff);background-size:200%;animation:videoBorderGradient 2s linear infinite}
@keyframes videoBorderGradient{0%{background-position:0 0}100%{background-position:200%}}.video-card iframe{position:absolute;top:0;left:0;width:100%;height:100%}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-self:flex-start;margin-top:1.5rem;width:100%}@media(max-width:768px){.hero-intro .slogan{font-size:2.5rem}}.copy-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.copy-modal-overlay.visible{opacity:1;visibility:visible}.copy-modal{background:var(--bg-card);border-radius:20px;padding:1.5rem;min-width:280px;max-width:90vw;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:scale(0.9);transition:all .3s ease;position:relative}.copy-modal-overlay.visible .copy-modal{transform:scale(1)}.copy-modal::before{content:'';position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(90deg,#30ddff,#001aff,#001aff,#30ddff);background-size:200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:modalBorderGradient 2s linear infinite}@keyframes modalBorderGradient{0%{background-position:0 0}100%{background-position:200%}}.copy-modal-title{font-size:1rem;color:#7cabff;margin-bottom:1rem;text-align:center}.copy-modal-options{display:flex;flex-direction:column;gap:.75rem}.copy-modal-option{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-card);border-radius:12px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .5s ease;position:relative;border:0}.copy-modal-option::before{content:'';position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(90deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .5s ease}.copy-modal-option:hover{background:var(--bg-card-hover);box-shadow:0 0 40px rgba(0,150,255,1);transform:translateY(-5px)}.copy-modal-option:hover::before{background:linear-gradient(90deg,#30ddff,#001aff,#001aff,#30ddff);background-size:200%;animation:optionBorderGradient 2s linear infinite}@keyframes optionBorderGradient{0%{background-position:0 0}100%{background-position:200%}}.copy-option-label{color:#b8b8d1;font-size:.9rem;transition:all .5s ease}.copy-modal-option:hover .copy-option-label{background:linear-gradient(90deg,#30ddff,#001aff,#001aff,#30ddff);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(0,150,255,1));animation:optionLabelGradient 2s linear infinite}@keyframes optionLabelGradient{0%{background-position:0 0}100%{background-position:200% 0}}.copy-option-value{color:#fff;font-family:'MinecraftAE',sans-serif;font-size:.95rem;transition:all .5s ease}.copy-modal-option:hover .copy-option-value{background:linear-gradient(90deg,#30ddff,#001aff,#001aff,#30ddff);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(0,150,255,1));animation:optionValueGradient 2s linear infinite}@keyframes optionValueGradient{0%{background-position:0 0}100%{background-position:200% 0}}