.page-section{flex:1;padding-top:80px;animation:fadeIn .4s ease-out}.hero{height:100vh;background:linear-gradient(to bottom,rgba(18,18,18,.5),var(--bg-dark)),url(/images/exterieur-musee.webp);background-size:cover;background-position:right center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:-80px}.server-title{font-size:5rem;color:#fff;text-shadow:4px 4px 0 #000;margin-bottom:20px}.ip-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px}.ip-box{background-color:#000000b3;border:2px solid var(--mc-green);padding:15px 40px;font-size:2rem;color:#fff;cursor:pointer;font-family:VT323,monospace;transition:all .2s;border-radius:4px}.ip-box:hover{background-color:#000000e6;transform:scale(1.05);box-shadow:0 0 15px #55aa5580}.player-count{color:#ccc;font-family:VT323,monospace;font-size:1.3rem}.scroll-indicator{position:absolute;bottom:40px;font-size:2rem;color:#fff;animation:bounce 2s infinite;cursor:pointer;opacity:.7;transition:opacity .3s}.scroll-indicator:hover{opacity:1;color:var(--mc-green)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.downloads-section{padding:60px 20px;max-width:1100px;margin:0 auto 60px}.section-header{text-align:center;font-size:3rem;color:#fff;margin-bottom:50px;letter-spacing:2px;text-shadow:2px 2px 0 #000}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px}@media(max-width:768px){.cards-grid{grid-template-columns:1fr}}.dl-card{background-color:var(--card-bg);border-radius:8px;padding:30px;box-shadow:0 4px 10px #0000004d;border-top:4px solid #333}.dl-card.mods{border-top-color:var(--color-orange)}.dl-card.mods .card-title i{color:var(--color-orange)}.dl-card.mods .dl-btn{background-color:var(--color-orange)}.dl-card.mods .dl-btn:hover{filter:brightness(1.2)}.dl-card.mods{--dl-btn-w: 200px}.dl-card.mods .dl-btn{min-width:var(--dl-btn-w);text-align:center}.dl-item.no-rule{border-bottom:none}.pack-item{border-top:2px solid #4a4a4a;padding-top:18px}.pack-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:var(--dl-btn-w);flex-shrink:0}.dl-card.mods .pack-btns .dl-btn{min-width:0;padding:6px 0}.pack-stamp{display:block;font-size:.72rem;color:#5f5f5f;font-weight:400;margin-top:4px}.dl-card.mods .dl-btn.outline{background-color:transparent;border:1px solid var(--color-orange);color:var(--color-orange)}.dl-card.mods .dl-btn.outline:hover{background-color:var(--color-orange);color:#fff;filter:none}.dl-card.mods .dl-btn[aria-disabled=true]{background-color:#2c2c2c;border-color:#2c2c2c;color:#777;pointer-events:none}.dl-card.textures{border-top-color:var(--color-cyan)}.dl-card.textures .card-title i{color:var(--color-cyan)}.dl-card.textures .dl-btn{background-color:var(--color-cyan)}.dl-card.textures .dl-btn:hover{filter:brightness(1.2)}.dl-card.textures .tuto-box{border-left-color:var(--color-cyan)}.dl-card.textures .tuto-box strong{color:var(--color-cyan)}.dl-card .card-title{font-size:1.8rem;margin-bottom:10px;display:flex;align-items:center;gap:15px;color:#fff}.sub-text{color:#666;font-size:.9rem;margin-bottom:25px}.dl-list{list-style:none}.dl-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #333}.dl-item:last-child{border-bottom:none}.dl-name{font-weight:500;font-size:1rem;color:#ddd}.dl-btn{color:#fff;text-decoration:none;padding:6px 18px;border-radius:4px;font-weight:700;font-size:.85rem;text-transform:uppercase;transition:.2s;display:inline-block}.tuto-box{background:#111;padding:15px;border-left:3px solid #ffaa00;font-size:.9rem;color:#ccc;margin-bottom:20px;border-radius:0 4px 4px 0}.tuto-box strong{color:#fff}#toast{visibility:hidden;background-color:#222;color:#fff;text-align:center;border-radius:4px;padding:12px 24px;position:fixed;z-index:2000;left:50%;bottom:60px;transform:translate(-50%);border-left:4px solid var(--mc-green);box-shadow:0 5px 15px #00000080;font-family:Segoe UI,sans-serif}#toast.show{visibility:visible;animation:toastin .5s,toastout .5s 2.5s}@keyframes toastin{0%{bottom:0;opacity:0}to{bottom:60px;opacity:1}}@keyframes toastout{0%{bottom:60px;opacity:1}to{bottom:0;opacity:0}}@media(max-width:768px){.server-title{font-size:3rem}}
