a, a.side { color:#9cf7ff; text-decoration:none; transition:all .2s ease; }
a:hover, a:hover.side { color:#ffd7fa; text-decoration:none; text-shadow:0 0 10px rgba(255,120,235,.55); }

li.white a, a.white {
    font-family:Verdana,Arial,sans-serif;
    color:#effbff;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    letter-spacing:.05em;
    text-transform:uppercase;
}
li.white a:hover, a:hover.white {
    color:#ffffff;
    text-decoration:none;
    text-shadow:0 0 12px rgba(0,255,240,.7),0 0 20px rgba(255,80,220,.4);
}

.top-nav ul, .sub-header ul { margin:0; padding:0; }
.top-nav ul li, .sub-header ul li { display:inline; }
.top-nav ul li.first-link .bullet, .sub-header ul li.first-link .bullet { display:none; }

body {
    color:#e7f6ff;
    margin:0;
    background:
      radial-gradient(circle at 50% 0%, rgba(0,255,240,.10), transparent 28%),
      radial-gradient(circle at 50% 100%, rgba(255,0,170,.08), transparent 30%),
      #060913 url(images/bg.jpg) no-repeat fixed center top;
    background-size:cover;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

form { margin:0; }
td, pre { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; }
hr, hr.side-hr { height:1px; border:0; border-top:1px solid rgba(255,255,255,.08); }

.outer-border, .tbl-border { border:1px solid rgba(255,255,255,.1); }
.alt { color:#7ceeff; }

.site-wrap { padding:22px 0 40px; }
.hero-shell, .nav-wrap, .neon-layout, .footer-wrap { margin:0 auto; }
.hero-shell { margin-bottom:16px; }
.hero-card {
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:30px 36px;
    background:linear-gradient(135deg, rgba(10,14,28,.9), rgba(32,12,51,.85));
    border:1px solid rgba(255,120,230,.28);
    box-shadow:
        0 20px 60px rgba(0,0,0,.45),
        0 0 0 1px rgba(255,255,255,.04) inset,
        0 0 30px rgba(255,0,200,.12),
        0 0 60px rgba(0,255,240,.08);
}
.hero-card:before {
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(circle at 18% 18%, rgba(0,255,240,.18), transparent 22%),
      radial-gradient(circle at 85% 20%, rgba(255,0,200,.16), transparent 26%),
      linear-gradient(120deg, transparent 0%, rgba(255,255,255,.05) 40%, transparent 70%);
    pointer-events:none;
}
.hero-badge {
    display:inline-block;
    position:relative;
    z-index:1;
    padding:9px 16px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#ffffff;
    background:linear-gradient(90deg, rgba(0,255,240,.16), rgba(255,0,190,.16));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 0 16px rgba(0,255,240,.12);
}
.hero-grid { display:flex; align-items:center; justify-content:space-between; gap:30px; position:relative; z-index:1; }
.hero-copy { max-width:500px; }
.hero-kicker {
    display:block; margin:20px 0 10px;
    font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:#7cfaff;
}
.hero-title {
    margin:0 0 12px; font-size:44px; line-height:1.02;
    color:#fff; text-shadow:0 0 22px rgba(255,90,220,.18);
}
.hero-sub { margin:0 0 18px; font-size:14px; line-height:1.65; color:#d5edff; }
.hero-pills span {
    display:inline-block; margin:0 10px 10px 0; padding:10px 14px;
    border-radius:999px; font-size:12px; font-weight:700;
    color:#eefcff; background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 0 14px rgba(255,255,255,.03) inset;
}
.hero-visual { flex:1; text-align:right; }
.hero-logo { max-width:520px; width:100%; height:auto; filter:drop-shadow(0 0 24px rgba(0,255,240,.12)) drop-shadow(0 0 34px rgba(255,0,190,.18)); }

.nav-shell {
    border-radius:26px;
    box-shadow:0 16px 40px rgba(0,0,0,.28), 0 0 26px rgba(0,255,240,.08);
}
.nav-shell a.white {
    display:inline-block;
    padding:0 8px;
    line-height:60px;
}

.main-bg {
    background:rgba(5,8,20,.44);
    border:1px solid rgba(255,255,255,.07);
    border-radius:28px;
    padding:18px 16px 10px;
    box-shadow:0 18px 50px rgba(0,0,0,.32), 0 0 20px rgba(255,0,190,.06);
}
.side-border-left, .side-border-right {
    color:#d3ebff;
    background:transparent;
    padding:10px;
    width:211px;
}
.side-border-left .side-panel, .side-border-right .side-panel { margin-bottom:16px; }

.main-body, .side-body {
    font-size:12px;
    color:#effbff;
    padding:14px 16px;
    border:0;
}
.side-body {
    padding:14px 14px;
    text-shadow:0 0 10px rgba(0,0,0,.2);
}
.capmain, .scapmain {
    font-weight:bold;
    color:#fff;
    text-align:center;
    letter-spacing:.10em;
    text-transform:uppercase;
    text-shadow:0 0 12px rgba(255,80,220,.35);
}
.capmain { font-size:12px; height:33px; }
.scapmain { font-size:11px; height:37px; }

.content-card, .side-panel {
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));
}
.footer-shell {
    border-radius:24px;
    color:#d9f4ff;
    font-size:11px;
    letter-spacing:.04em;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.full-header, .sub-header, .footer, .forum-caption, .news-footer, .admin-message,
.tbl, .tbl1, .tbl2, .textbox, .button, .bbcode, .quote {
    color:#e7f8ff;
    background:rgba(12,15,32,.8);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
}

.button {
    height:32px;
    padding:0 12px;
    cursor:pointer;
    background:linear-gradient(135deg, rgba(0,255,240,.12), rgba(255,0,190,.14));
}
.textbox {
    background:rgba(6,10,24,.86);
    border:1px solid rgba(255,255,255,.14);
    padding:7px 10px;
}

@media (max-width: 1260px) {
    .hero-grid { flex-direction:column; text-align:center; }
    .hero-copy { max-width:none; }
    .hero-visual { text-align:center; }
}

.nav-wrap { margin: 0 auto; max-width: 1600px; }


/* force header centered */
.nav-wrap {
    display: flex;
    justify-content: center;
}

.nav-wrap table {
    margin: 0 auto;
}

.hero-logo {
    display:block;
    margin:0 auto;
    max-width:1600px;
    width:100%;
}