*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;width:100%}
body{
  font-family:"Lilita One",cursive;
  color:#fffbe6;
  overflow-x:hidden;
  background:#001a33;
  min-height:100vh;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:linear-gradient(180deg,#003d80,#007bff,#3dc1ff);
  z-index:-2;
}
.aurora{
  position:fixed;inset:0;width:100%;height:100%;
  overflow:hidden;z-index:-1;pointer-events:none;
}
.aurora::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 40%,rgba(0,180,255,.6),transparent 70%),
             radial-gradient(circle at 70% 60%,rgba(0,255,255,.5),transparent 70%),
             radial-gradient(circle at 50% 80%,rgba(255,200,100,.4),transparent 70%);
  filter:blur(120px);
  animation:auroraMove 20s ease-in-out infinite alternate;
}
@keyframes auroraMove{0%{transform:translate(0,0)}100%{transform:translate(10%,-10%)}}

/* HEADER */
.navbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 36px;position:relative;z-index:10;
}
.title{
  font-size:2.6rem;
  background:linear-gradient(90deg,#00ffff,#80d0ff,#fff0a8,#00b3ff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:200% auto;
  animation:titleFlow 6s linear infinite;
}
@keyframes titleFlow{0%{background-position:0%}100%{background-position:200%}}

.language-switcher{position:relative}
.hamburger-btn{
  background:rgba(255,255,255,.1);
  border:none;color:#fff;
  padding:10px 12px;border-radius:12px;
  cursor:pointer;backdrop-filter:blur(6px);
  font-size:1.05rem;transition:.2s;
}
.hamburger-btn:hover{background:rgba(255,255,255,.2)}
.lang-menu{
  position:absolute;right:0;top:50px;
  background:rgba(0,0,0,.8);
  border-radius:12px;padding:6px;width:190px;
  opacity:0;pointer-events:none;transform:translateY(-10px);
  transition:all .25s ease;
}
.lang-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}
.lang-menu button{
  width:100%;background:none;border:none;
  color:#fffbe6;text-align:left;
  padding:10px 14px;border-radius:8px;
  cursor:pointer;font-family:"Lilita One",cursive;
}
.lang-menu button:hover{background:rgba(255,255,255,.1)}

/* CONTENT */
.container{max-width:960px;margin:auto;padding:20px}
.section{margin-bottom:28px}
.section-title{font-size:1.4rem;margin-bottom:12px;text-shadow:0 0 8px rgba(255,255,255,.4)}
.card{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px;padding:12px 16px;
  color:#fffbe6;text-decoration:none;margin-bottom:10px;
  transition:.3s;backdrop-filter:blur(8px);
}
.card:hover{transform:translateY(-4px);border-color:#00fff0}
.card i{font-size:1.6rem}
.card.discord i{color:#5865F2}
.card.saweria i{color:#FF7A00}
.card-title{font-size:1.1rem}
.card-subtitle{font-size:.95rem;color:#f4e6c1}
@media(max-width:768px){.title{font-size:2.1rem}.navbar{padding:18px}}