/* Metin2Primordial Editat de g3zou_ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@600;700;800&family=Exo+2:wght@400;500;600;700&display=swap');
:root { --bg-abyss: #030711; --blue-ice: #38bdf8; --gold-trim: #d4af37; --gold-bright: #fde047; --text-light: #e2e8f0; --text-dim: #8da2c0; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Exo 2', sans-serif; background-color: var(--bg-abyss); background-image: radial-gradient(ellipse at 50% 0%, rgba(14, 116, 200, 0.35) 0%, rgba(3, 7, 17, 0.92) 55%); color: var(--text-light); min-height: 100vh; }
a { text-decoration: none; color: inherit; }
.m2-topbar { background: linear-gradient(180deg, #0b1830 0%, #050b16 100%); border-bottom: 2px solid #1e3a5f; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8); }
.m2-topbar-inner { max-width: 1180px; margin: 0 auto; padding: 0 16px; min-height: 58px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.m2-nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.m2-nav a { font-family: 'Cinzel', serif; font-weight: 700; font-size: 0.9rem; text-transform: uppercase; padding: 16px 18px; color: #b8cde8; border-right: 1px solid rgba(56, 189, 248, 0.12); transition: all 0.2s; position: relative; }
.m2-nav a:hover, .m2-nav a.active { color: #fff; background: linear-gradient(180deg, rgba(14, 165, 233, 0.22) 0%, transparent 100%); }
.m2-nav a.nav-ishop { color: var(--gold-bright); }
.m2-header { max-width: 1180px; margin: 0 auto; padding: 36px 16px 26px; text-align: center; }
.m2-emblem-crest { width: 82px; height: 82px; margin: 0 auto 12px; border-radius: 50%; background: radial-gradient(circle, #0c274d 0%, #040c1a 75%); border: 2px solid var(--gold-trim); box-shadow: 0 0 28px rgba(56,189,248,0.5); display: flex; align-items: center; justify-content: center; }
.m2-logo-title { font-family: 'Cinzel Decorative', serif; font-size: clamp(2.1rem, 4.8vw, 3.6rem); font-weight: 900; text-transform: uppercase; background: linear-gradient(180deg, #ffffff 10%, #38bdf8 85%, #0369a1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.95)); }
.m2-wrapper { max-width: 1180px; margin: 0 auto; padding: 10px 16px 40px; display: grid; grid-template-columns: 270px 1fr 270px; gap: 18px; align-items: start; }
@media (max-width: 1024px) { .m2-wrapper { grid-template-columns: 1fr; } .m2-nav { justify-content: center; } }
.m2-panel { background: linear-gradient(180deg, #0a172e 0%, #060e1d 100%); border: 1px solid #1e3f6e; border-radius: 4px; margin-bottom: 18px; box-shadow: 0 10px 25px rgba(0,0,0,0.75); position: relative; }
.m2-panel-header { background: linear-gradient(180deg, #0f2547 0%, #09162c 100%); border-bottom: 1px solid #1e3f6e; padding: 11px 15px; font-family: 'Cinzel', serif; font-weight: 700; font-size: 0.95rem; color: #e0f2fe; text-transform: uppercase; display: flex; justify-content: space-between; }
.m2-panel-body { padding: 16px; }
.gold-accent { color: var(--gold-bright); font-size: 0.8rem; }
.m2-download-banner { display: block; background: linear-gradient(180deg, #0284c7 0%, #0c4a6e 100%); border: 2px solid var(--gold-trim); border-radius: 4px; padding: 16px 14px; text-align: center; margin-bottom: 18px; }
.m2-download-banner .dl-main { font-family: 'Cinzel', serif; font-weight: 900; font-size: 1.15rem; color: #fff; display: block; }
.m2-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; font-family: 'Cinzel', serif; font-weight: 700; font-size: 0.86rem; text-transform: uppercase; border-radius: 3px; cursor: pointer; border: 1px solid #2b5894; background: linear-gradient(180deg, #13315c 0%, #0a1c38 100%); color: #e0f2fe; transition: all 0.2s; }
.m2-btn:hover { background: linear-gradient(180deg, #1d4ed8 0%, #0f2c59 100%); border-color: var(--blue-ice); color: #fff; }
.m2-btn-gold { border-color: var(--gold-trim); background: linear-gradient(180deg, #b45309 0%, #78350f 100%); color: #fef08a; }
.m2-btn-gold:hover { background: linear-gradient(180deg, #d97706 0%, #92400e 100%); color: #fff; }
.m2-form-group { margin-bottom: 13px; }
.m2-form-group label { display: block; font-size: 0.82rem; font-weight: 600; color: #93c5fd; margin-bottom: 4px; }
.m2-input { width: 100%; padding: 9px 12px; background: #040914; border: 1px solid #1e3f6e; border-radius: 3px; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 0.9rem; }
.m2-captcha-box { background: #040a17; border: 1px dashed #2b5894; padding: 10px; border-radius: 3px; }
.m2-table { width: 100%; border-collapse: collapse; font-size: 0.83rem; }
.m2-table th { background: #061021; color: #7dd3fc; font-family: 'Cinzel', serif; text-align: left; padding: 7px 6px; border-bottom: 1px solid #1e3f6e; }
.m2-table td { padding: 7px 6px; border-bottom: 1px solid rgba(255,255,255,0.04); }
.m2-alert { padding: 10px 14px; border-radius: 3px; margin-bottom: 14px; font-size: 0.86rem; }
.m2-alert-error { background: rgba(127, 29, 29, 0.55); border: 1px solid #ef4444; color: #fecaca; }
.m2-alert-success { background: rgba(6, 78, 59, 0.55); border: 1px solid #10b981; color: #a7f3d0; }
.flag-emp { display: inline-block; padding: 1px 6px; border-radius: 2px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; }
.flag-shinsoo { background: #7f1d1d; color: #fecaca; border: 1px solid #ef4444; }
.flag-chunjo  { background: #78350f; color: #fef08a; border: 1px solid #eab308; }
.flag-jinno   { background: #1e3a8a; color: #bfdbfe; border: 1px solid #3b82f6; }
.m2-shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  width: 100%;
}

.m2-shop-item {
  background: #050c19;
  border: 1px solid #1e3f6e;
  padding: 16px;
  border-radius: 4px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* Metin2Primordial Editat de g3zou_ */
/* Stilizare panou cont, tabele și formulare (parole, input-uri, butoane) */
.main-content input[type="text"],
.main-content input[type="password"],
.main-content input[type="email"],
.main-content select,
form input[type="text"],
form input[type="password"],
form input[type="email"] {
  width: 100%;
  max-width: 360px;
  display: block;
  background: #040a17;
  border: 1px solid #1e3a5f;
  color: #e2e8f0;
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 0.92rem;
  margin-top: 6px;
  margin-bottom: 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus {
  border-color: #d4af37;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.35);
}

form label {
  display: block;
  color: #94a3b8;
  font-size: 0.88rem;
  font-weight: 600;
  margin-top: 8px;
}

form button[type="submit"],
form input[type="submit"] {
  background: linear-gradient(180deg, #d97706 0%, #92400e 100%);
  border: 1px solid #fbbf24;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.88rem;
  letter-spacing: 0.5px;
  margin-top: 6px;
  transition: filter 0.2s, transform 0.1s;
}

form button[type="submit"]:hover,
form input[type="submit"]:hover {
  filter: brightness(1.15);
}

/* Stilizare tabel Caracterele Tale din Panou Cont */
table {
  width: 100%;
  border-collapse: collapse;
  background: #061021;
  border: 1px solid #173259;
  margin-top: 10px;
  margin-bottom: 22px;
  border-radius: 4px;
  overflow: hidden;
}

table th {
  background: linear-gradient(180deg, #0f2544 0%, #09172e 100%);
  color: #38bdf8;
  font-size: 0.82rem;
  text-transform: uppercase;
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid #1e3a5f;
}

table td {
  padding: 10px 14px;
  color: #e2e8f0;
  font-size: 0.9rem;
  border-bottom: 1px solid #0f2342;
}

table tr:hover td {
  background: rgba(56, 189, 248, 0.06);
}