@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#030811;--panel:rgba(3,12,24,.94);--line:#145f79;--green:#22ff67;--purple:#b94dff;--cyan:#43dfff;--text:#e7f2ff;--muted:#9bb5d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 10%,#1a1241 0,transparent 40%),#02050b;color:var(--text);font-family:'Rajdhani',Arial,sans-serif;font-size:17px}a{color:inherit;text-decoration:none}.topbar{min-height:100px;padding:12px 3.5%;display:flex;align-items:center;gap:25px;background:rgba(1,6,15,.97);border-bottom:1px solid var(--cyan);box-shadow:0 0 24px #4a20a655;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{font-size:43px;color:var(--green);text-shadow:0 0 15px var(--green)}.brand strong{display:block;font:700 32px Orbitron,sans-serif;letter-spacing:4px;background:linear-gradient(90deg,#fff,var(--cyan),var(--purple));color:transparent;background-clip:text}.brand small{display:block;font:10px Orbitron,sans-serif;letter-spacing:1px}.brand small b{color:var(--green)}nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.8vw,28px);flex:1}nav a{font-size:18px;color:#b9caff;text-align:center;white-space:nowrap}nav a span{font-size:12px;display:block;color:#e8efff}nav a:hover{color:var(--green);text-shadow:0 0 10px var(--green)}.top-slogan{font:11px Orbitron,sans-serif;letter-spacing:1px;text-align:center;color:var(--purple);min-width:150px}.top-slogan b{color:var(--green)}main{max-width:1600px;margin:auto}.hero{min-height:400px;position:relative;overflow:hidden;display:flex;align-items:center;padding:46px 4%;background:linear-gradient(90deg,rgba(1,5,13,.96),rgba(4,6,20,.64) 54%,rgba(1,5,13,.88)),radial-gradient(ellipse at 70% 50%,#2b1459 0,#07152a 42%,#02050a 75%);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,#1dff6418 40.2%,transparent 41%),linear-gradient(25deg,transparent 60%,#a442ff18 60.2%,transparent 61%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#2d94b30b 1px,transparent 1px),linear-gradient(90deg,#2d94b30b 1px,transparent 1px);background-size:40px 40px}.hero-copy{position:relative;z-index:1;max-width:640px}.eyebrow{font:12px Orbitron,sans-serif;letter-spacing:1px}.eyebrow span{color:var(--green)}.wordmark{font:800 clamp(48px,7vw,91px) Orbitron,sans-serif;line-height:1.1;letter-spacing:2px;color:#f3f7ff;text-shadow:0 0 10px #a3c7ff,0 0 30px #7d41ff}.tagline{font:700 23px Orbitron,sans-serif;letter-spacing:8px;color:var(--green);text-shadow:0 0 13px #00ff5b}.hero-copy p{color:#d4e4f8;line-height:1.45}.actions{display:flex;gap:14px;margin-top:24px}.btn{border:1px solid transparent;padding:12px 22px;display:inline-flex;justify-content:center;align-items:center;min-height:45px;font:700 13px Orbitron,sans-serif;cursor:pointer;letter-spacing:.3px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn-green{background:var(--green);color:#001109;box-shadow:0 0 20px #16ff6655}.btn-purple{background:#260a55;border-color:var(--purple);color:white;box-shadow:0 0 18px #a52cff44}.btn:hover{filter:brightness(1.18)}.status-panel{position:relative;margin-left:auto;width:310px;background:var(--panel);border:1px solid var(--green);padding:20px 22px;box-shadow:0 0 22px #00ff3b1c}.status-panel h3,.account-box h2{font:600 14px Orbitron,sans-serif;margin:0 0 12px}.online{font:700 22px Orbitron,sans-serif;color:var(--green);padding-bottom:12px;border-bottom:1px solid #146c4b}.online i{display:inline-block;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:8px}.players{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #17314b}.players span{font:11px Orbitron,sans-serif;color:#b9caff}.players strong{font:700 28px Orbitron,sans-serif;color:var(--green);text-shadow:0 0 12px #00ff7755}.status-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #17314b;font-size:14px}.status-line span{color:var(--purple)}.outline-link{display:block;text-align:center;border:1px solid var(--green);color:var(--green);padding:10px;margin-top:14px;font-weight:700}.content-grid{display:grid;grid-template-columns:1.2fr 1fr .72fr;gap:16px;padding:18px 2.2%}.panel{background:linear-gradient(145deg,rgba(4,14,27,.97),rgba(1,6,14,.98));border:1px solid #17627d;box-shadow:0 0 17px #0a87a21b;padding:18px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #18364b;padding-bottom:13px;margin-bottom:12px}.panel-heading h2{font:600 16px Orbitron,sans-serif;margin:0}.panel-heading a{font-size:12px}.panel-heading a b{color:var(--green);font-size:20px}.news-item{display:grid;grid-template-columns:105px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid #18364b}.news-thumb{min-height:85px;display:grid;place-items:center;border:1px solid #6a3acb;background:radial-gradient(circle,#6729b2,#11162c 60%,#030710);font-size:34px;color:var(--green)}.news-thumb.green{background:radial-gradient(circle,#0e8946,#0a1b22 70%)}.news-thumb.blue{background:radial-gradient(circle,#164e95,#0a1124 70%)}.news-item small{color:var(--green);font-weight:700;font-size:12px}.news-item h3{font-size:16px;margin:2px 0}.news-item p,.feature p,.account-box p{margin:0;color:#a9c0da;font-size:14px;line-height:1.25}.news-item time{display:block;color:#829bb8;font-size:12px;margin-top:5px}.feature{display:flex;gap:14px;align-items:center;margin:17px 0}.feature>b{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--purple);color:var(--purple);font-size:24px}.feature h3{font:700 13px Orbitron,sans-serif;color:var(--green);margin:0 0 5px}.mini-banner{margin-top:20px;min-height:90px;padding:15px;background:linear-gradient(90deg,#060a17,#1b1251,#061d21);border:1px solid #1c5570;display:flex;flex-direction:column;justify-content:center}.mini-banner strong{font:700 26px Orbitron,sans-serif;letter-spacing:4px}.mini-banner span{font-size:10px;letter-spacing:2px;color:var(--green)}.account-panel{padding:0;border:0;background:none;display:flex;flex-direction:column;gap:12px}.account-box{background:var(--panel);border:1px solid #17627d;padding:16px}.account-box h2{color:#e5eaff;margin-bottom:4px}.account-box p{margin-bottom:12px}.full{width:100%}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4%;border-top:1px solid var(--cyan);background:#02060d;color:#a8c1d9;font-size:13px}.footer-brand{font:700 25px Orbitron,sans-serif;color:#e8f7ff;letter-spacing:3px}.footer-brand small{display:block;font-size:10px;text-align:center;color:var(--green)}.social{color:var(--purple)}.legal{font-size:12px}.footer-note{text-align:right;font:12px Orbitron,sans-serif;color:var(--green)}.subpage{padding:45px 4%;min-height:65vh}.subpage h1{font:700 clamp(30px,5vw,54px) Orbitron,sans-serif;color:white;text-shadow:0 0 20px #8b43ff}.form-card{max-width:560px;padding:25px;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 28px #8d27ff20}.form-card label{display:block;color:#b8c9e4;margin-top:12px}.form-card input,.form-card textarea{width:100%;margin:4px 0;background:#06111e;border:1px solid #19415b;color:white;padding:11px;font:15px 'Rajdhani',sans-serif}.form-card .btn{margin-top:18px}.notice{padding:12px;border:1px solid #a36cff;color:#e6d4ff;background:#170d2b;margin:15px 0}.status-large{font:700 28px Orbitron,sans-serif;color:var(--green)}@media(max-width:1100px){.topbar{height:auto;flex-wrap:wrap;padding:15px 4%}.brand{min-width:0;flex:1}.top-slogan{display:none}nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:18px}.hero{gap:20px}.status-panel{width:275px}.content-grid{grid-template-columns:1fr 1fr}.account-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:700px){.hero{display:block;padding:36px 5%}.status-panel{width:100%;margin:28px 0 0}.content-grid{grid-template-columns:1fr;padding:12px}.account-panel{grid-column:auto;display:flex}.wordmark{font-size:48px}.tagline{font-size:16px;letter-spacing:4px}.news-item{grid-template-columns:90px 1fr}.actions{flex-wrap:wrap}footer{flex-wrap:wrap}.legal{order:4;width:100%}.brand strong{font-size:27px}nav{justify-content:space-between}nav a span{font-size:10px}}


/* FONDO Y AJUSTES DE ILLIDAN */

.hero {
  min-height: 570px;
  background-image:
    linear-gradient(
      90deg,
      rgba(2, 5, 8, .60) 0%,
      rgba(2, 5, 8, .28) 42%,
      rgba(2, 5, 8, .03) 75%,
      rgba(2, 5, 8, .25) 100%
    ),
    linear-gradient(
      0deg,
      #05080d 0%,
      transparent 28%,
      transparent 78%,
      rgba(2, 5, 8, .30) 100%
    ),
    url('../images/illidan-bg.png');

  background-position: center 38%;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 1px solid #397c38;
  box-shadow: inset 0 -35px 55px rgba(0, 0, 0, .55);
}

.hero:after {
  background:
    radial-gradient(
      ellipse at 50% 40%,
      transparent 15%,
      rgba(2, 5, 10, .12) 60%,
      rgba(2, 5, 10, .45) 100%
    );
  pointer-events: none;
}

.hero-content {
  width: min(650px, 58%);
  padding-top: 90px;
  padding-bottom: 100px;
}

.hero h1 {
  font-size: clamp(38px, 4.5vw, 64px);
  text-shadow: 0 4px 18px #000, 0 0 24px #000;
}

.hero h1 em {
  color: var(--green);
  text-shadow: 0 0 18px #29ff44, 0 0 40px #176e2a;
}

.eyebrow {
  text-shadow: 0 0 12px #42ff55;
}

/* Marcos metálicos y energía vil */
.topbar {
  background: linear-gradient(180deg, #101923, #03070c);
  border-bottom: 1px solid #4a8a48;
  box-shadow: 0 5px 28px #000, inset 0 -1px #1a4728;
}

.brand-name {
  color: var(--gold);
  text-shadow: 0 0 16px #a87920;
}

.status-card,
.panel {
  border-color: #355943;
  background:
    linear-gradient(145deg, rgba(12, 23, 24, .97), rgba(3, 7, 13, .98));
  box-shadow: inset 0 0 24px rgba(0, 0, 0, .75),
              0 0 12px rgba(31, 255, 69, .035);
}

.status-card {
  border-radius: 3px;
}

.online,
.status-card .crest,
.status-card .people {
  color: var(--green);
  text-shadow: 0 0 12px rgba(76, 255, 79, .45);
}

.button-green {
  background: linear-gradient(180deg, #8bff62, #23c832);
  border: 1px solid #9dff79;
  box-shadow: 0 0 18px rgba(58, 255, 66, .3);
}

.button-purple {
  border-color: #a45aff;
  box-shadow: inset 0 0 15px rgba(164, 90, 255, .08);
}

.register-card {
  border-color: #6d4b8d;
  background:
    linear-gradient(100deg, rgba(8, 12, 18, .96), rgba(42, 17, 54, .92));
}

.register-card .mini-art {
  background-image:
    linear-gradient(90deg, transparent, rgba(0, 0, 0, .2));
}

.panel-heading {
  border-bottom-color: #31503b;
}

.news-text h3 {
  color: #7dff75;
}

.read-more {
  border-color: #318a3c;
  box-shadow: inset 0 0 8px rgba(45, 255, 65, .05);
}

.nav a.active,
.nav a:hover {
  color: #7aff65;
  border-bottom-color: #65ff4b;
}

footer {
  border-top-color: #365b3b;
}

/* Móvil */
@media (max-width: 650px) {
  .hero {
    min-height: 490px;
    background-position: 43% center;
  }

  .hero-content {
    width: 100%;
    padding: 65px 6% 80px;
    background: linear-gradient(
      90deg,
      rgba(2, 5, 8, .60),
      rgba(2, 5, 8, .12)
    );
  }

  .hero h1 {
    font-size: clamp(32px, 9vw, 43px);
  }
}


/* ===== CONTRASTE FUERTE NAUTICA ===== */
.status-panel,
.account-box,
.panel {
  background: #050912 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.status-panel h3,
.account-box h2,
.panel-heading h2 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.status-panel .online,
.status-panel .online *,
.status-panel .players strong {
  color: #72ff65 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.status-panel .players,
.status-panel .players span,
.status-panel .status-line,
.status-panel .status-line span,
.status-panel p,
.account-box p,
.news-item p,
.feature p {
  color: #f4f7ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.status-panel .outline-link {
  display: block !important;
  background: #12351b !important;
  color: #ffffff !important;
  border: 2px solid #72ff65 !important;
  font-weight: 800 !important;
}

.panel-heading a,
.news-item small,
.news-item time {
  color: #baffb3 !important;
  opacity: 1 !important;
}



.wordmark {
  color: #38baff !important;
  text-shadow: 0 0 10px #168bff, 0 0 28px #0066ff;
}

.wordmark span,
.wordmark em {
  color: #38baff !important;
  text-shadow: 0 0 10px #168bff, 0 0 28px #0066ff;
}

.hero-copy .eyebrow {
  color: #58c7ff;
}

.hero-copy p {
  color: #d8efff;
}

.hero-copy .btn-green {
  background: #168bff;
  color: #ffffff;
  box-shadow: 0 0 20px #168bff66;
}


.hero .wordmark { color: #f3f7ff; -webkit-text-fill-color: #f3f7ff; text-shadow: 0 0 10px #a3c7ff, 0 0 30px #7d41ff; }

.hero .tagline,
.hero .tagline *,
.hero .eyebrow {
  color: #00eaff !important;
  text-shadow: 0 0 8px #00eaff, 0 0 22px #0077ff !important;
}