*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;margin:0;padding:0;font-family:"Trebuchet MS",Arial,sans-serif;background:#080808;color:#eee;overflow-x:hidden;overflow-y:auto}a{color:inherit;text-decoration:none}.site-background{position:fixed;inset:0;z-index:-3;background:
radial-gradient(
circle at 50% 25%,
rgba(150, 100, 35, 0.20),
transparent 35%
),
radial-gradient(
circle at 15% 80%,
rgba(100, 65, 25, 0.13),
transparent 30%
),
radial-gradient(
circle at 85% 75%,
rgba(100, 65, 25, 0.13),
transparent 30%
),
linear-gradient(
180deg,
#111111 0%,
#080808 55%,
#050505 100%
)}.site-overlay{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
linear-gradient(
90deg,
rgba(0,0,0,0.35),
transparent 50%,
rgba(0,0,0,0.35)
)}.page{position:relative;min-height:100vh;padding-top:88px}header.header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:88px!important;min-height:88px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px;padding:0 5%!important;border-bottom:1px solid rgba(180,130,55,.45);background:rgba(5,5,5,.98);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 5px 30px rgba(0,0,0,.85);z-index:2147483647!important;transform:none!important;filter:none!important;perspective:none!important;will-change:auto!important;isolation:isolate;overflow:visible!important}.brand{flex-shrink:0}.brand-link{display:inline-flex;flex-direction:column;align-items:flex-start}.brand-logo{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:900;letter-spacing:3px;color:#d9b56c;text-shadow:0 2px 0 #000 , 0 0 12px rgba(220,170,75,.35)}.brand-subtitle{margin-top:2px;font-size:9px;letter-spacing:4px;color:#888}.header-server-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;margin-right:15px;flex-shrink:0;white-space:nowrap}.header-status-label{font-size:9px;font-weight:bold;letter-spacing:1px;color:#777}.header-status-value{font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:bold;color:#78c985!important}.header-status-separator{margin:0 5px;color:rgba(210,170,100,.30);font-size:12px}.navigation{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px}.nav-link{position:relative;padding:34px 15px;font-size:11px;font-weight:bold;letter-spacing:1.4px;color:#aaa;transition:color .25s ease , background .25s ease}.nav-link::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;transform:scaleX(0);transform-origin:center;background:#c99b4b;transition:transform .25s ease}.nav-link:hover{color:#fff;background:rgba(190,140,60,.08)}.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}.nav-link.active{color:#d9b56c}.hero{min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 25px 100px}.hero-content{width:100%;max-width:950px;margin:0 auto;animation:heroFade 1.1s ease forwards}@keyframes heroFade {
from {
opacity: 0;
transform:
translateY(25px);
}
to {
opacity: 1;
transform:
translateY(0);
}
}.hero-small-title{margin-bottom:12px;font-size:13px;font-weight:bold;letter-spacing:7px;color:#b99a63}.hero-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(60px,10vw,130px);line-height:.95;font-weight:900;letter-spacing:5px;color:#e0bd72;text-shadow:0 3px 0 #000 , 0 6px 12px rgba(0,0,0,.85) , 0 0 35px rgba(205,155,65,.28)}.hero-subtitle{margin-top:20px;font-size:15px;font-weight:bold;letter-spacing:6px;color:#ddd}.hero-description{max-width:680px;margin:25px auto 0;font-size:15px;line-height:1.9;color:#a8a8a8}.hero-buttons{margin-top:38px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}.btn{min-width:190px;padding:15px 25px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;font-size:12px;font-weight:bold;letter-spacing:1.8px;transition:transform .2s ease , box-shadow .2s ease , background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#111;background:
linear-gradient(
180deg,
#e3c47f,
#b98b3f
);border:1px solid #e8cc91;box-shadow:0 5px 25px rgba(190,140,55,.22)}.btn-primary:hover{background:
linear-gradient(
180deg,
#f0d797,
#c99b4b
);box-shadow:0 8px 30px rgba(210,160,65,.32)}.btn-secondary{color:#ddd;background:rgba(255,255,255,.04);border:1px solid rgba(210,170,100,.45)}.btn-secondary:hover{background:rgba(210,170,100,.10);border-color:rgba(220,180,100,.80)}.section-container{width:92%;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:bold;letter-spacing:3px;color:#d9b56c}.section-line{width:70px;height:2px;margin:16px auto 45px;background:#b78a42;box-shadow:0 0 12px rgba(190,140,55,.30)}.server-section{padding:80px 0;background:rgba(0,0,0,.45);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.status-card{min-height:105px;padding:20px;display:flex;align-items:center;gap:18px;background:
linear-gradient(
145deg,
rgba(255,255,255,0.055),
rgba(255,255,255,0.015)
);border:1px solid rgba(210,170,100,.16);transition:transform .25s ease , border-color .25s ease , background .25s ease}.status-card:hover{transform:translateY(-4px);border-color:rgba(210,170,100,.40);background:rgba(200,150,65,.055)}.status-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(205,165,90,.30);color:#d1aa61;font-size:20px;background:rgba(0,0,0,.35)}.online-icon{color:#78c985;border-color:rgba(100,190,110,.30)}.status-content{min-width:0}.status-label{margin-bottom:7px;font-size:9px;font-weight:bold;letter-spacing:1.5px;color:#777}.status-value{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:bold;color:#ddd}.status-value.online{color:#78c985}.rates-section{padding:80px 0}.rates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rate-card{padding:30px 20px;text-align:center;background:rgba(255,255,255,.025);border:1px solid rgba(210,170,100,.16)}.rate-name{margin-bottom:10px;font-size:10px;font-weight:bold;letter-spacing:2px;color:#777}.rate-value{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:bold;color:#d8b46b}.features-section{padding:80px 0;background:rgba(0,0,0,.42);border-top:1px solid rgba(255,255,255,.04)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{min-height:250px;padding:30px 22px;text-align:center;background:
linear-gradient(
145deg,
rgba(255,255,255,0.045),
rgba(255,255,255,0.012)
);border:1px solid rgba(210,170,100,.15);transition:transform .25s ease , border-color .25s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(210,170,100,.42)}.feature-icon{width:65px;height:65px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(210,170,100,.30);background:rgba(0,0,0,.30);color:#d4ae65;font-size:26px}.feature-card h3{margin-bottom:14px;font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:1px;color:#ddd}.feature-card p{font-size:12px;line-height:1.8;color:#858585}.cta-section{padding:100px 20px;text-align:center;background:
radial-gradient(
circle at center,
rgba(185,140,65,0.09),
transparent 55%
)}.cta-container{max-width:750px;margin:0 auto}.cta-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,5vw,50px);font-weight:bold;letter-spacing:3px;color:#d9b56c}.cta-text{margin-top:15px;color:#888;font-size:14px}.cta-button{margin-top:30px}.footer{padding:55px 20px 40px;text-align:center;background:#040404;border-top:1px solid rgba(190,140,60,.20)}.footer-brand{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:bold;letter-spacing:3px;color:#d1aa61}.footer-description{margin-top:8px;font-size:9px;letter-spacing:3px;color:#666}.footer-divider{width:50px;height:1px;margin:25px auto;background:#8e6a35}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px}.footer-links a{font-size:10px;font-weight:bold;letter-spacing:1px;color:#777;transition:color .2s ease}.footer-links a:hover{color:#d3ae66}.copyright{margin-top:28px;font-size:9px;letter-spacing:1px;color:#444}@media (max-width:1000px){header.header{height:auto!important;min-height:auto!important;padding:20px 4%!important;flex-direction:column!important;gap:15px}.page{padding-top:150px}.brand-link{align-items:center}.header-server-status{margin:0;order:2}.navigation{justify-content:center;order:3}.nav-link{padding:10px 9px}.nav-link::after{left:9px;right:9px}.hero{min-height:calc(100vh - 150px)}.status-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){header.header{height:auto!important;min-height:auto!important;padding:20px 15px!important}.page{padding-top:155px}.brand-logo{font-size:25px}.brand-subtitle{font-size:8px;letter-spacing:3px}.header-server-status{gap:5px}.header-status-label{font-size:8px}.header-status-value{font-size:11px}.header-status-separator{margin:0 3px}.navigation{width:100%;gap:2px}.nav-link{padding:8px 6px;font-size:9px;letter-spacing:.7px}.nav-link::after{left:6px;right:6px}.hero{padding:80px 20px}.hero-small-title{font-size:10px;letter-spacing:4px}.hero-title{font-size:clamp(45px,16vw,75px);letter-spacing:2px}.hero-subtitle{font-size:10px;letter-spacing:3px}.hero-description{font-size:12px;line-height:1.8}.hero-buttons{flex-direction:column}.btn{width:100%;max-width:300px}.status-grid{grid-template-columns:1fr}.rates-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.section-title{font-size:21px}.footer-links{gap:14px}}@media (max-width:400px){.page{padding-top:175px}.navigation{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.nav-link{text-align:center;padding:8px 3px}.hero-title{font-size:42px}}.level-value{color:#fff;font-weight:bold}.rebirth-value{color:#d4af37;font-weight:bold;text-align:center}.job-value{color:rgba(255,255,255,.70);text-align:center}@keyframes r1FadeUp {
from {
opacity: 0;
transform:
translateY(25px);
}
to {
opacity: 1;
transform:
translateY(0);
}
}.server-section,.rates-section,.features-section,.cta-section,.home-rates,.home-top-rankings,.rankings-page,.guides-page,.download-page,.register-page,.server-info-page{animation:r1FadeUp 1.0s ease both}.status-card,.rate-card,.feature-card,.home-rate,.home-ranking-card,.ranking-card,.guide-card{opacity:0;animation:r1FadeUp .8s ease forwards}.status-card:nth-child(1),
.rate-card:nth-child(1),
.feature-card:nth-child(1),
.home-rate:nth-child(1),
.home-ranking-card:nth-child(1),
.ranking-card:nth-child(1),
.guide-card:nth-child(1) {animation-delay:.15s}.status-card:nth-child(2),
.rate-card:nth-child(2),
.feature-card:nth-child(2),
.home-rate:nth-child(2),
.home-ranking-card:nth-child(2),
.ranking-card:nth-child(2),
.guide-card:nth-child(2) {animation-delay:.25s}.status-card:nth-child(3),
.rate-card:nth-child(3),
.feature-card:nth-child(3),
.home-rate:nth-child(3),
.home-ranking-card:nth-child(3),
.ranking-card:nth-child(3),
.guide-card:nth-child(3) {animation-delay:.35s}.status-card:nth-child(4),
.rate-card:nth-child(4),
.feature-card:nth-child(4),
.home-rate:nth-child(4),
.home-ranking-card:nth-child(4),
.ranking-card:nth-child(4),
.guide-card:nth-child(4) {animation-delay:.45s}.status-card:nth-child(5),
.rate-card:nth-child(5),
.feature-card:nth-child(5),
.home-rate:nth-child(5),
.home-ranking-card:nth-child(5),
.ranking-card:nth-child(5),
.guide-card:nth-child(5) {animation-delay:.55s}.status-card:nth-child(6),
.rate-card:nth-child(6),
.feature-card:nth-child(6),
.home-rate:nth-child(6),
.home-ranking-card:nth-child(6),
.ranking-card:nth-child(6),
.guide-card:nth-child(6) {animation-delay:.65s}.status-card:nth-child(7),
.rate-card:nth-child(7),
.feature-card:nth-child(7),
.home-rate:nth-child(7),
.home-ranking-card:nth-child(7),
.ranking-card:nth-child(7),
.guide-card:nth-child(7) {animation-delay:.75s}.section-title,.home-rates-title,.home-top-rankings-title,.guides-title,.rankings-title{animation:r1FadeUp .9s ease both}.hero-buttons,.cta-container{animation:r1FadeUp 1.0s ease .25s both}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}header.header .header-server-status .header-status-value,header.header .header-server-status .header-status-value.online{color:#78c985!important;font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:bold}