:root{--navy:#0a192f;--light-navy:#172a45;--lightest-navy:#303c55;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--gold:#ffe53c;--green:#64ff83;--purple:#c792ea;--blue:#82aaff;--orange:#ffac60;--modern-white:#f8f9fa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;min-height:100vh;display:flex;flex-direction:column;color:var(--light-slate);position:relative;background-color:var(--navy)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/images/rust_bg.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.1;z-index:-2}.layout-container{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:rgba(23,42,69,.8);padding:.5rem 0;justify-content:center;position:relative;z-index:1000}.navbar,.navbar-content{display:flex;align-items:center;width:100%}.navbar-content{max-width:1200px;justify-content:space-between;padding:0 1rem;margin:0 auto}.navbar-content a{text-decoration:none}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--white)}.logo,.navbar-brand{display:flex;align-items:center}.logo{width:40px;height:auto;margin-right:10px;border-radius:50%}.logo-image{width:40px;height:40px;object-fit:contain}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}.hamburger-line{width:2rem;height:.25rem;background-color:var(--white);transition:all .3s linear;position:relative;transform-origin:1px}.navbar-links{display:flex}.navbar-links a{color:var(--lightest-slate);text-decoration:none;margin-left:1rem;transition:color .3s}.navbar-links a:hover{color:var(--gold)}.container{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:1rem;position:relative;z-index:1}.section-title{font-size:2rem;color:var(--modern-white);margin-bottom:1.5rem;text-align:center}.main-content{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.box{border-radius:8px;padding:1.5rem;position:relative;overflow:hidden;display:flex;align-items:center;min-height:200px;transition:box-shadow .3s ease-in-out}@keyframes goldAnimation{0%,to{box-shadow:0 0 0 hsla(0,0%,100%,0)}50%{box-shadow:0 0 10px rgba(255,250,100,.3)}}@keyframes purpleAnimation{0%,to{box-shadow:0 0 0 hsla(0,0%,100%,0)}50%{box-shadow:0 0 5px rgba(199,146,234,.3)}}@keyframes blueAnimation{0%,to{box-shadow:0 0 0 hsla(0,0%,100%,0)}50%{box-shadow:0 0 5px rgba(130,170,255,.3)}}.box-long{background-color:rgba(255,250,100,.1);animation:2s infinite}.box:nth-child(2){background-color:rgba(199,146,234,.1);animation:2s infinite}.box:nth-child(3){background-color:rgba(130,170,255,.1);animation:2s infinite}.box-content{flex:1 1;text-align:left;z-index:1}.box-image{width:150px;height:150px;background-size:cover;background-position:50%;border-radius:8px;margin-left:1rem}.box-title{font-size:1.5rem;margin-bottom:.5rem}.box-long .box-title{color:var(--gold)}.box:nth-child(2) .box-title{color:var(--purple)}.box:nth-child(3) .box-title{color:var(--blue)}.btn{display:inline-block;padding:.5rem 1rem;background-color:transparent;text-decoration:none;border-radius:4px;transition:all .3s ease;border:1px solid;position:relative;overflow:hidden;z-index:1}.box .btn{margin-top:1rem}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.3),transparent);transition:all .4s;z-index:-1}.btn:hover:before{left:100%}.btn:hover{transform:scale(1.05);box-shadow:0 0 15px hsla(0,0%,100%,.3)}.box-long .btn{color:var(--gold);border-color:var(--gold)}.box:nth-child(2) .btn{color:var(--purple);border-color:var(--purple)}.box:nth-child(3) .btn{color:var(--blue);border-color:var(--blue)}.servers-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--lightest-navy)}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;justify-items:center}.server-box{width:100%;max-width:250px;height:200px;border-radius:8px;padding:1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:var(--white);background-color:rgba(23,42,69,.8)}.server-box .btn{color:var(--gold);border-color:var(--gold);align-self:flex-start;margin-top:1rem}.server-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--modern-white)}.server-description{font-size:.9rem;margin-bottom:1rem}.server-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto}.flag-icon{font-size:1.5rem}footer{background-color:rgba(23,42,69,.8);padding:1rem 0;text-align:center;margin-top:auto;position:relative;z-index:1}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.social-icons a{color:var(--light-slate);font-size:1.5rem;margin:0 .5rem;transition:color .3s}.social-icons a:hover{color:var(--gold)}@media (min-width:768px){.main-content{grid-template-columns:repeat(2,1fr)}.box-long{grid-column:1/-1}}@media (max-width:1200px){.container,.footer-content,.navbar-content{max-width:100%}}@media (max-width:767px){.hamburger{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:rgba(23,42,69,.95);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;z-index:1001}.navbar-links.open{right:0}.navbar-links.open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(10,25,47,.8);z-index:-1}.navbar-links a{margin:1rem 0;font-size:1.2rem}.box{flex-direction:column}.box-image{margin-left:0;margin-top:1rem}.footer-content{flex-direction:column}.social-icons{margin-top:1rem}}.leaderboard-content{background-color:rgba(23,42,69,.8);border-radius:8px;padding:1.5rem;margin-top:1rem}.server-selector{margin-bottom:1rem}.server-selector label{margin-right:.5rem;color:var(--lightest-slate)}.server-selector select{background-color:var(--light-navy);color:var(--lightest-slate);border:1px solid var(--lightest-navy);border-radius:4px;padding:.5rem;font-size:1rem}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;color:var(--lightest-slate)}.leaderboard-table td,.leaderboard-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--lightest-navy)}.leaderboard-table th{background-color:var(--light-navy);font-weight:700;color:var(--white)}.leaderboard-table tr.even{background-color:rgba(23,42,69,.5)}.leaderboard-table tr.odd{background-color:rgba(23,42,69,.3)}@media (max-width:768px){.leaderboard-table{font-size:.9rem}.leaderboard-table td,.leaderboard-table th{padding:.5rem}}.error-message{color:#ff6b6b;text-align:center;padding:1rem;background-color:hsla(0,100%,71%,.1);border-radius:4px;margin-top:1rem}.notification{position:fixed;bottom:20px;right:20px;background-color:var(--gold);color:var(--navy);padding:10px 20px;border-radius:4px;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}