@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;700&display=swap";#root{width:100%;height:100%;margin:0;padding:0}.app-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);font-family:Red Hat Display,sans-serif}.content{text-align:center;padding:2rem;max-width:800px}.logo{width:200px;height:auto}.title{font-size:2.5rem;color:#333;margin:1rem 0;font-weight:700}.subtitle{font-size:1.2rem;color:#666;margin:1rem auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.content{padding:1rem}.logo{width:150px}.title{font-size:2rem}.subtitle{font-size:1rem}}.primary-button{display:inline-block;padding:1rem 2rem;background-color:#999;color:#333;text-decoration:none;border-radius:8px;font-weight:700;transition:transform .3s ease}.primary-button:hover{transform:scale(1.05)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#bbb}.loading-logo{width:120px;height:120px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:700;color:#333;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.logo-icon{width:60px;height:60px;object-fit:contain}.logo a:hover{color:#666}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;position:relative;z-index:1001;width:30px;height:30px}.hamburger,.hamburger:before,.hamburger:after{display:block;width:24px;height:3px;background-color:#333;position:absolute;left:50%;transform:translate(-50%);transition:all .3s ease-in-out}.hamburger{top:50%;transform:translate(-50%,-50%)}.hamburger:before{content:"";top:-8px}.hamburger:after{content:"";bottom:-8px}.menu-toggle.active .hamburger{background-color:transparent}.menu-toggle.active .hamburger:before{transform:translate(-50%) rotate(45deg);top:0}.menu-toggle.active .hamburger:after{transform:translate(-50%) rotate(-45deg);bottom:0}.nav-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-menu a{color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-menu a:hover{color:#666}@media (max-width: 825px){.header-container{padding:1rem}.menu-toggle{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#fff;padding:80px 2rem 2rem;transition:right .3s ease;box-shadow:-2px 0 5px #0000001a}.nav-menu.active{right:0}.nav-menu ul{flex-direction:column;gap:1.5rem}.nav-menu a{font-size:1.1rem;display:block;padding:.5rem 0}}.server-status{background:#fff;padding:2rem 1rem;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.server-status.visible{opacity:1;transform:translateY(0)}.status-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;align-items:center}.status-column{display:flex;gap:1rem;align-items:center;justify-content:center}.status-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff9f8;border-radius:.5rem;transition:transform .3s ease}.status-item:hover{transform:translateY(-2px)}.status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.status-icon img{width:20px;height:20px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.status-info{text-align:left}.status-item h4{color:#666;margin:0;font-size:.8rem;font-weight:400}.status-value{margin:0;font-size:.9rem;font-weight:700;color:#333}.status-value.partial{color:#ff9800}.status-value.online{color:#4caf50}.status-value.offline{color:#f44336}.status-center{text-align:center}.event-card{display:flex;align-items:center;gap:1rem;background:#f7fcff;color:#333;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.event-card:hover{transform:translateY(-2px)}.event-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.event-icon img{width:36px;height:36px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.event-info{text-align:left;flex-grow:1}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.event-label{font-size:.8rem;color:#666;font-weight:700}.event-time{font-size:.8rem;color:#666}.event-title{font-size:1rem;margin:0;color:#333;text-align:center}.event-subtitle{font-size:.8rem;color:#666;margin:.35rem 0 0;text-align:center}@media (max-width: 768px){.server-status{padding:1.5rem 1rem}.status-grid{grid-template-columns:1fr;gap:.75rem}.status-column,.event-card{justify-content:center}}body{margin:0;padding:0;background:#fff;overflow-x:hidden}.main{min-height:100vh;width:100%;overflow-x:hidden;background:#fff}.banner{height:100vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y pinch-zoom}.banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent,white);z-index:2}.banner-char{position:absolute;top:20%;left:0;right:0;bottom:0;height:80%;width:100%;background-size:120%;background-position:top;background-repeat:no-repeat;opacity:0;transform:translateY(50px);animation:slideUp 1s ease forwards .3s}.banner-content{position:relative;text-align:center;color:#fff;z-index:1;padding:2rem;opacity:0;transform:translateY(50px);animation:slideUp 1s ease forwards}.banner-content h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-content p{font-size:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.banner-logo-container{margin-bottom:2rem}.banner-logo{width:300px;height:auto;opacity:0;transform:translateY(-100px) scale(.8);animation:dropIn 1s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 825px){.banner-content h1{font-size:2.5rem}.banner-content p{font-size:1.2rem}.banner-char{background-size:150%}}@media (max-width: 768px){.banner{background-attachment:scroll;touch-action:auto}}.main .server-info-section{padding:8rem 2rem;background-image:url(/bg.webp);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.main .server-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,white,transparent);z-index:2}.main .server-info-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent,white);z-index:2}.server-info-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.server-info-card{background:url(/bg2.webp);background-size:cover;background-position:center;background-blend-mode:overlay;border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a;opacity:0;transform:translate(-150px);transition:all .8s ease-out}.server-info-grid>div:nth-child(1){transform:translate(-150px);transition:all .6s ease-out}.server-info-grid>div:nth-child(2){transform:translate(-80px);transition:all .6s ease-out}.server-info-grid>div:nth-child(3){transform:translate(80px);transition:all .6s ease-out}.server-info-grid>div:nth-child(4){transform:translate(150px);transition:all .6s ease-out}.server-info-card.visible{opacity:1;transform:translate(0)!important}.card-icon{width:150px;height:250px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.card-icon img{width:100%;max-height:250px;object-fit:contain}.server-info-card h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#333;line-height:1.4}.server-info-card p{color:#666;line-height:1.6}@media (max-width: 1024px){.server-info-grid{grid-template-columns:repeat(2,1fr)}.server-info-grid>div:nth-child(1),.server-info-grid>div:nth-child(2){transform:translate(-80px)}.server-info-grid>div:nth-child(3),.server-info-grid>div:nth-child(4){transform:translate(80px)}}@media (max-width: 640px){.server-info-grid{grid-template-columns:1fr}.main .server-info-section{padding:2rem 1rem}.server-info-grid>div{transform:translate(0)!important;opacity:0;transform:translateY(50px)!important}.server-info-grid>div.visible{transform:translateY(0)!important;opacity:1}}.news-section{max-width:800px;margin:0 auto;background:url(/bg2.webp);background-size:cover;background-position:center;background-blend-mode:overlay;border-radius:1rem;padding:2.5rem;text-align:left;box-shadow:0 4px 6px #0000001a;opacity:0;transform:translateY(50px);transition:all .8s ease-out}.news-section.visible{opacity:1;transform:translateY(0)}.news-section h2{font-size:2rem;margin-bottom:2rem;color:#333}.news-container{display:flex;flex-direction:column;gap:1.5rem;max-height:400px;overflow-y:auto;padding-right:.75rem}.news-container::-webkit-scrollbar-button{display:none}.news-container::-webkit-scrollbar{width:6px}.news-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px;border:1px solid #e0e0e0}.news-container::-webkit-scrollbar-thumb{background:#ff8d7f;border-radius:10px}.news-container::-webkit-scrollbar-thumb:hover{background:#ff7a6a}.news-container{scrollbar-width:thin;scrollbar-color:#ff8d7f #f0f0f0}.news-entry{display:flex;flex-direction:column;gap:.5rem}.news-entry p{font-size:1.1rem;line-height:1.6;color:#666;margin:0}.news-entry strong{font-size:1.2rem;color:#333}.news-milestone{padding:1rem 1.25rem;border-left:4px solid #e85d4c;background:#ff8d7f1f;border-radius:0 .5rem .5rem 0}.news-milestone strong{color:#c44a3a}.news-divider{border:none;border-top:1px solid #ddd;margin:.5rem 0}.news-legacy-label{font-size:.95rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:0}@media (max-width: 640px){.news-section{padding:1.5rem;margin:0 1rem}.news-section h2{font-size:1.5rem}.news-entry p{font-size:1rem}.news-entry strong{font-size:1.1rem}}.footer{background:#fff;padding:4rem 2rem 1rem;box-shadow:0 -4px 6px #0000000d}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-section{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.footer-section.visible{opacity:1;transform:translateY(0)}.footer-section h3{color:#333;font-size:1.2rem;margin-bottom:1.5rem;position:relative}.footer-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:50px;height:2px;background:#ff8d7f}.footer-section p{color:#666;line-height:1.6;margin-bottom:1rem}.footer-section a{color:#ff8d7f;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#ff7a6a;text-decoration:underline}.footer-bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid #eee;text-align:center;color:#999;font-size:.9rem;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.footer-bottom.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer{padding:3rem 1.5rem .5rem}.footer-content{grid-template-columns:1fr;gap:2rem}}.information{min-height:100vh;display:flex;flex-direction:column;padding-top:20px}.server-info-section{flex:1;padding:5rem 2rem;margin:0;background-image:url(/bg.webp);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.server-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,white,transparent);z-index:2}.server-info-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,white);z-index:2}.info-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:2rem}.info-sidebar,.info-content-container{background:url(/bg2.webp);background-size:cover;background-position:center;background-blend-mode:overlay;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.scrollable-content{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:.75rem}.scrollable-content::-webkit-scrollbar-button{display:none}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px;border:1px solid #e0e0e0}.scrollable-content::-webkit-scrollbar-thumb{background:#ff8d7f;border-radius:10px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#ff7a6a}.scrollable-content{scrollbar-width:thin;scrollbar-color:#ff8d7f #f0f0f0}.sidebar-category{margin-bottom:1.5rem}.sidebar-category h3{color:#1a1a1a;font-size:.9rem;text-transform:uppercase;margin-bottom:1rem;padding-left:.5rem;font-weight:700}.sidebar-category ul{list-style:none;padding:0;margin:0}.sidebar-item{display:flex;align-items:center;padding:.75rem;margin:.25rem 0;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#333}.sidebar-item:hover{background-color:#fff9;color:#1a1a1a}.sidebar-item.active{background-color:#fffc;font-weight:500;color:#1a1a1a}.sidebar-icon{width:24px;height:24px;margin-right:.75rem;object-fit:contain}.info-content{max-width:800px}.info-content h2{color:#333;margin-bottom:1.5rem;font-size:1.75rem}.content-section{margin-bottom:2rem}.content-section h3{color:#444;margin-bottom:1rem;font-size:1.25rem}.content-section ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.content-section li{margin-bottom:.5rem;line-height:1.5;color:#666}.content-section p{line-height:1.6;color:#666}@media (max-width: 825px){.info-container{grid-template-columns:1fr}.info-sidebar,.info-content-container{padding:1.5rem}.scrollable-content{max-height:300px}}.stats-container{padding:1.5rem;background:transparent}.stats-section{margin-bottom:1.5rem}.stats-section h3{color:#333;margin-bottom:.8rem;font-size:1.3rem;padding-bottom:.3rem;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.stat-item{background:transparent;padding:.8rem;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{color:#666;font-size:.85rem;margin-bottom:.3rem;opacity:.8}.stat-value{color:#333;font-size:1.1rem;font-weight:700;opacity:.9}.stats-loading{text-align:center;padding:1.5rem;color:#666;font-size:1rem;opacity:.8}.stats-timestamp{text-align:right;color:#666;font-size:.75rem;margin-top:.8rem;font-style:italic;opacity:.7}@media (max-width: 768px){.stats-container{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-item{padding:.6rem}.stat-value{font-size:1rem}}