/*
 * LAST NATION — AURORA GRADIENT DESIGN / v2.0
 * Design only: original site structure, page contents and JS unchanged.
 * Palette: emerald -> cyan -> electric blue on midnight navy.
 * Edit the three stops in --brand-gradient to personalize the identity.
 */
:root {
  --bg: #070c17;
  --bg-deep: #050915;
  --surface: #101a2a;
  --surface2: #142238;
  --line: rgba(130,178,246,.16);
  --line-strong: rgba(125,209,248,.30);
  --text: #f2f7ff;
  --muted: #a7b8ce;
  --accent: #5cebc6;
  --accent-strong: #26d7bb;
  --teal: #26bcce;
  --blue: #5e8dff;
  --brand-gradient: linear-gradient(112deg,#43ebb3 4%,#2acbe6 52%,#6c82ff 100%);
  --brand-gradient-soft: linear-gradient(115deg,rgba(41,219,162,.20),rgba(42,160,234,.15) 53%,rgba(92,111,255,.19));
  --shadow: 0 26px 90px rgba(0,4,18,.36);
}
html { color-scheme: dark; }
body {
  background: var(--bg);
  background-image: radial-gradient(ellipse at 9% 7%,rgba(27,133,116,.085),transparent 38%),
                    radial-gradient(ellipse at 94% 40%,rgba(63,86,205,.075),transparent 42%);
}
body::before {
  background: radial-gradient(circle at 12% 24%,rgba(26,151,117,.12),transparent 40%),
              radial-gradient(circle at 87% 78%,rgba(65,88,200,.10),transparent 36%);
}
::selection { background:#50d9d8; color:#06141f; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline-color:#62dcf4; }

/* Branding + frosted navigation */
.site-header {
  background: rgba(6,12,26,.79);
  border-bottom:1px solid rgba(104,173,224,.17);
  box-shadow:0 12px 34px rgba(0,0,14,.14);
}
.site-header::after {
  content:""; position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 12%,rgba(58,229,187,.55),rgba(53,160,247,.34),transparent 90%);
  pointer-events:none;
}
.brand img { filter: drop-shadow(0 0 13px rgba(51,196,231,.26)); }
.brand strong span, .hero h1 span, .section-heading h2 em,
.server-detail h2 em, .spotlight-text h2 span, .project-main h3 span {
  background:var(--brand-gradient);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
}
.brand small { color:#8fa8c8; }
.site-nav a { color:#b1bfd3; }
.site-nav a.active, .site-nav a:hover { color:#63dfe7; }
.site-nav a.active { text-shadow:0 0 20px rgba(64,216,233,.33); }
.nav-action {
  background:var(--brand-gradient);
  color:#061727;
  box-shadow:0 8px 22px rgba(30,166,202,.15);
  clip-path:none;border-radius:7px;
}
.nav-action:hover {background:linear-gradient(110deg,#66f5c6,#7cb5ff);}

/* Main buttons and common labels */
.eyebrow { color:#6ee7df; }
.live-pulse,.pulse-mini,.tag-dot {background:#45e5b1;box-shadow:0 0 0 5px rgba(51,221,194,.10),0 0 19px rgba(59,210,224,.45);}
.button { border-radius:8px; }
.button.primary {
  background:var(--brand-gradient);
  color:#041623;
  box-shadow:0 10px 32px rgba(27,156,221,.17);
}
.button.primary:hover { background:linear-gradient(110deg,#75f8c9 5%,#81bcff 100%);box-shadow:0 12px 42px rgba(58,153,235,.3); }
.button.outline,.button.ghost {
  background:rgba(13,28,46,.74);
  border-color:rgba(116,201,236,.27);
  color:#eaf4ff;
}
.button.outline:hover,.button.ghost:hover {border-color:#55d6e9;background:rgba(23,53,82,.86);}
.text-link, .card-arrow,.news-row>a { color:#79e4f4; }
.text-link:hover { color:#b1eeff; }

/* AURORA HERO: richer blue/green transitions while keeping the layout */
.hero {
  background:
    radial-gradient(ellipse 43% 60% at 72% 48%,rgba(47,157,219,.19),transparent 72%),
    radial-gradient(ellipse 42% 68% at 93% 17%,rgba(88,93,231,.21),transparent 80%),
    radial-gradient(ellipse 35% 44% at 5% 0%,rgba(27,159,111,.15),transparent 80%),
    linear-gradient(118deg,#08121b 2%,#091222 52%,#121533 100%);
}
.hero::before {
  background-image:linear-gradient(rgba(112,167,225,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(112,167,225,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(100deg,transparent 12%,black 92%);
}
.hero::after {
  content:"";position:absolute;inset:-35% -25% -20% 45%;pointer-events:none;
  background:linear-gradient(130deg,transparent 34%,rgba(50,201,179,.08) 42%,rgba(58,135,236,.11) 49%,transparent 56%),
             linear-gradient(130deg,transparent 51%,rgba(122,122,255,.09) 57%,transparent 63%);
  transform:skewX(-10deg);
  filter:blur(4px);
}
.hero h1 { text-shadow:0 16px 65px rgba(0,5,18,.33); }
.hero-intro { color:#c0cde0; }
.hero-meta span { color:#9fb5ce; }
.hero-meta svg { color:#5cdbdf; }
.hero-meta i { background:rgba(115,178,217,.31); }
.visual-glow {
  background:radial-gradient(circle,rgba(41,216,176,.25),rgba(53,152,235,.18) 43%,rgba(82,101,232,.13) 61%,transparent 74%);
  filter:blur(17px);width:460px;height:460px;
}
.visual-ring {border-color:rgba(96,192,247,.29);}
.visual-ring-1 {
  border-color:rgba(88,223,228,.4);
  box-shadow:0 0 145px rgba(57,125,236,.17),inset 0 0 115px rgba(37,186,166,.12);
}
.visual-ring-2 {border-color:rgba(90,183,242,.27);}
.visual-ring-3 {border-color:rgba(104,126,250,.20);}
.visual-ring-2:after { background:#74baff; box-shadow:0 0 19px #4dcadf; }
.visual-symbol {
  background:linear-gradient(146deg,rgba(86,254,197,.31),rgba(22,87,123,.74) 42%,rgba(36,37,105,.98) 87%);
  box-shadow:0 0 105px rgba(54,126,242,.24),inset 0 0 62px rgba(82,234,198,.12);
  border-color:rgba(138,213,254,.56);
}
.symbol-main {color:#e6faff;text-shadow:0 0 28px rgba(47,216,226,.7),0 0 70px rgba(71,123,245,.36);}
.symbol-caption { color:#8bf1e3; }
.symbol-tiny { color:#d7eafa; }
.float-tag {background:rgba(8,20,37,.9);border:1px solid rgba(91,190,235,.31);border-radius:7px;color:#ecf8ff;}
.tag-bottom span {color:#66daf5;}
.visual-corner {color:#849dba;}
.hero-index {border-color:rgba(144,174,239,.1);color:#8da4bf;}
.hero-index div {background:var(--brand-gradient);}

/* Stats and page section backgrounds */
.statbar {
  background:linear-gradient(105deg,rgba(12,37,45,.95) 0%,rgba(12,26,47,.97) 50%,rgba(23,28,62,.95) 100%);
}
.stat-grid strong {
  background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.stat-grid span {color:#b0c4d7;}
.section-dark {
  background:radial-gradient(ellipse at 10% 10%,rgba(15,90,99,.10),transparent 48%),
             linear-gradient(110deg,#0a1220,#10172a 62%,#0d1326);
}
.section-heading p { color:#aebed5; }

/* Modern translucent cards: layout intact, gradients more visible */
.feature-card,.info-card,.connect-card,.contact-card,
.creator-card,.creator-placeholder,.news-feature,.news-row,.future-banner {
  background:linear-gradient(135deg,rgba(20,44,57,.96),rgba(16,27,50,.96) 53%,rgba(22,26,55,.94));
  border-color:rgba(120,176,240,.19);
  border-radius:12px;
  box-shadow:0 6px 24px rgba(0,7,20,.12);
}
.feature-card:before {
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,rgba(42,219,167,.72),rgba(44,182,236,.45),transparent);
  pointer-events:none;
}
.feature-card:after { background:var(--brand-gradient); }
.feature-card:hover,.info-card:hover,.creator-placeholder:hover {
  border-color:rgba(91,204,242,.52);
  box-shadow:0 16px 60px rgba(29,91,177,.13);
}
.feature-icon,.info-icon,.contact-icon {
  color:#6ae9e0;
  border-color:rgba(107,216,245,.28);
  background:linear-gradient(135deg,rgba(30,188,138,.15),rgba(69,124,241,.15));
  border-radius:10px;
}
.feature-card p {color:#aabed3;}

/* Featured city project / decorative skyline */
.spotlight-card {
  background:linear-gradient(117deg,#11373b 0%,#0b2943 47%,#181b48 100%);
  border-color:rgba(77,194,230,.31);
  border-radius:16px;
  box-shadow:0 24px 65px rgba(10,34,90,.14);
}
.spotlight-text p {color:#c1d7e3;}
.chip-row span {background:rgba(12,41,64,.54);border-color:rgba(125,211,247,.25);color:#c6dff4;border-radius:6px;}
.city-art {
  background:radial-gradient(circle at 47% 41%,rgba(45,223,185,.23),transparent 51%),
             radial-gradient(circle at 90% 20%,rgba(83,106,242,.30),transparent 63%),
             linear-gradient(130deg,#0b293e,#191a4d);
}
.city-art:before {
  background-image:linear-gradient(90deg,rgba(149,201,244,.075) 1px,transparent 1px),
                   linear-gradient(rgba(149,201,244,.075) 1px,transparent 1px);
}
.city-moon {border-color:rgba(101,195,255,.33);box-shadow:0 0 70px rgba(63,119,244,.19);}

/* Server strip and CTA */
.server-strip {
  background:linear-gradient(105deg,rgba(13,50,51,.90),rgba(15,35,60,.94),rgba(23,31,65,.96));
  border-color:rgba(108,189,242,.31);border-radius:12px;
}
.server-strip-icon {color:#66ece3;}
.server-strip-action code,.copy-line code {color:#edfaff;}
.icon-button,.small-copy,.mini-button {color:#78e5f2;}
.cta-panel {
  background:radial-gradient(circle at 87% 36%,rgba(71,108,246,.24),transparent 44%),
             radial-gradient(circle at 7% 74%,rgba(19,204,154,.18),transparent 55%),
             linear-gradient(116deg,#102f35,#10263e 54%,#1c2148);
  border:1px solid rgba(91,192,249,.31);
  border-radius:16px;
  box-shadow:0 18px 64px rgba(9,31,95,.17);
}

/* All subpages share the same visual identity */
.subhero {
  background:radial-gradient(ellipse at 82% 36%,rgba(72,94,229,.27),transparent 42%),
             radial-gradient(ellipse at 16% 78%,rgba(24,191,145,.16),transparent 47%),
             linear-gradient(115deg,#081723,#112342 54%,#161a43);
}
.subhero-orb {filter:hue-rotate(46deg) saturate(1.2);}
.manifesto {background:linear-gradient(130deg,#113b40,#11223e 52%,#1d204b);border-color:rgba(93,201,242,.31);border-radius:12px;}
.manifesto strong {color:#6bb4c9;}
.project-main {
  background:radial-gradient(circle at 89% 40%,rgba(57,101,246,.26),transparent 48%),
             radial-gradient(circle at 15% 70%,rgba(45,201,153,.12),transparent 46%),
             linear-gradient(125deg,#103339,#0e2843 53%,#191c49);
  border-color:rgba(80,204,229,.31);border-radius:14px;
}
.project-outline {color:rgba(96,156,253,.085);}
.status-pill {border-radius:7px;}
.server-detail {
  background:radial-gradient(circle at 90% 12%,rgba(80,116,238,.20),transparent 38%),
             linear-gradient(130deg,#12373a,#0c223b 58%,#191c42);
  border-color:rgba(98,184,240,.32);border-radius:14px;
}
.minecraft-cube {background:linear-gradient(128deg,#1c6d71,#25468c 54%,#35347a);color:#86f2e0;}
.connect-card {background:linear-gradient(128deg,rgba(8,29,45,.76),rgba(15,28,53,.84));}
.connect-label {color:#74e5eb;}
.creator-cover {
  background:radial-gradient(ellipse at 49% 62%,rgba(41,222,183,.31),transparent 56%),
             radial-gradient(circle at 85% 30%,rgba(92,102,247,.36),transparent 57%),
             repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(139,197,244,.042) 49px),
             linear-gradient(125deg,#123b43,#162f56 65%,#242652);
}
.creator-monogram {color:#e8faff;text-shadow:0 0 48px rgba(48,198,233,.38);}
.creator-monogram span {color:#73e3ee;}
.creator-cover-bars b {background:rgba(101,173,255,.55);}
.placeholder-cross {color:#73dce9;border-color:rgba(100,199,247,.32);}
.news-visual {
  background:radial-gradient(circle,rgba(50,208,191,.20),transparent 51%),
             repeating-linear-gradient(0deg,transparent 0,transparent 29px,rgba(111,165,240,.08) 30px),
             linear-gradient(140deg,#144d54,#1e285a);
  color:#8debec;
}
.news-index {color:#588eac;}
.contact-card.big {
  background:radial-gradient(circle at 91% 10%,rgba(76,111,250,.20),transparent 42%),
             linear-gradient(132deg,#12383b,#112643 68%,#1a1d46);
}
.contact-tip {color:#a5bdd1;}

/* Footer and mobile menu */
.site-footer {background:linear-gradient(110deg,#050d19,#091323 64%,#10162b);border-color:rgba(117,174,225,.19);}
.footer-top>div:first-child p,.footer-cols a {color:#99aec5;}
.footer-cols h4 {color:#dceeff;}
.footer-bottom {color:#8094b1;}
.heart {color:#51e5ca;}
.toast {background:linear-gradient(110deg,#6bf2cb,#7cbaff);color:#061425;border-radius:8px;}
@media(max-width:900px) {
  .site-nav {background:rgba(8,18,39,.98);border-color:rgba(120,187,245,.25);box-shadow:0 20px 40px rgba(0,7,21,.4)}
  .site-nav a.active {background:linear-gradient(90deg,rgba(41,192,158,.11),rgba(56,113,215,.13));border-radius:6px;}
}
@media(prefers-reduced-motion:reduce) {
  .visual-ring-2 {animation:none!important;}
}