:root {  --footer-bg-color: #111828;  --footer-secondary-bg-color: #212e41;  --footer-text-color: #f3f9ff;  --footer-link-color: #7ed6df;  --footer-link-hover-color: #ffe066;  --footer-heading-color: #ffe066;  --footer-border-color: #253052;  --button-bg-color: #229977;  --button-hover-bg-color: #1a7c5a;  --input-bg-color: #23314a;  --input-border-color: #37516a;}footer {  background-color: var(--footer-bg-color);  color: var(--footer-text-color);  padding: 60px 20px;  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;  position: relative;}.footer-container {  max-width: 1400px;  margin: 0 auto;}.footer-top {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 40px;  margin-bottom: 50px;}.footer-logo img {  width: 120px;  transition: transform 0.3s ease;  filter: drop-shadow(0 0 16px #ffe06699);}.footer-logo img:hover {  transform: scale(1.07);  filter: drop-shadow(0 0 22px #22997788);}.footer-links {  display: flex;  flex-wrap: wrap;  gap: 30px;  flex: 1;  max-width: 1000px;}.footer-section {  min-width: 180px;}.footer-section h4 {  margin-bottom: 20px;  font-size: 20px;  color: var(--footer-heading-color);  position: relative;  letter-spacing: 1px;  text-shadow: 0 2px 14px #000a;}.footer-section h4::after {  content: '';  display: block;  width: 46px;  height: 2.5px;  background: linear-gradient(90deg, #ffce54 45%, #229977 95%);  margin-top: 8px;}.footer-section ul {  list-style: none;  padding: 0;}.footer-section ul li {  margin-bottom: 12px;}.footer-section ul li a {  color: var(--footer-link-color);  text-decoration: none;  transition: color 0.3s ease;  display: flex;  align-items: center;  font-weight: 500;  letter-spacing: 0.2px;}.footer-section ul li a i {  margin-right: 8px;}.footer-section ul li a:hover {  color: var(--footer-link-hover-color);}.social-media {  display: flex;  gap: 15px;}.social-media a {  color: var(--footer-link-color);  font-size: 20px;  transition: color 0.3s ease;}.social-media a:hover {  color: var(--footer-link-hover-color);}.footer-middle {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 40px;  margin-bottom: 50px;  background-color: var(--footer-secondary-bg-color);  padding: 40px 20px;  border-radius: 12px;  box-shadow: 0 4px 18px #0003;}.newsletter, .partners, .resources, .contact-info {  flex: 1 1 250px;  max-width: 300px;}.newsletter h4, .partners h4, .resources h4, .contact-info h4 {  margin-bottom: 20px;  font-size: 20px;  color: var(--footer-heading-color);  position: relative;}.newsletter h4::after, .partners h4::after, .resources h4::after, .contact-info h4::after {  content: '';  display: block;  width: 44px;  height: 2px;  background: linear-gradient(90deg, #ffce54 20%, #229977 80%);  margin-top: 8px;}.newsletter form {  display: flex;  margin-bottom: 15px;}.newsletter input[type="email"] {  flex: 1;  padding: 12px 16px;  background-color: var(--input-bg-color);  border: 1px solid var(--input-border-color);  border-right: none;  border-radius: 4px 0 0 4px;  font-size: 14px;  color: var(--footer-text-color);}.newsletter input[type="email"]::placeholder {  color: #97abc1;}.newsletter button {  padding: 12px 20px;  border: none;  background-color: var(--button-bg-color);  color: var(--footer-text-color);  border-radius: 0 4px 4px 0;  cursor: pointer;  transition: background-color 0.3s;  font-size: 14px;  font-weight: 600;  letter-spacing: 0.2px;  box-shadow: 0 1px 5px #0002;}.newsletter button:hover {  background-color: var(--button-hover-bg-color);}.newsletter p {  font-size: 14px;  color: #b8c7e0;}.partners ul, .resources ul, .contact-info ul {  list-style: none;  padding: 0;}.partners ul li, .resources ul li, .contact-info ul li {  margin-bottom: 12px;}.partners ul li a, .resources ul li a, .contact-info ul li a {  color: var(--footer-link-color);  text-decoration: none;  transition: color 0.3s ease;}.partners ul li a:hover, .resources ul li a:hover, .contact-info ul li a:hover {  color: var(--footer-link-hover-color);}.footer-bottom {  text-align: center;  border-top: 1px solid var(--footer-border-color);  padding-top: 20px;}.footer-bottom p {  margin: 8px 0;  font-size: 14px;  color: #93adc5;  letter-spacing: 0.3px;}.footer-bottom-links {  margin-top: 10px;}.footer-bottom-links a {  color: var(--footer-link-color);  text-decoration: none;  margin: 0 10px;  font-size: 14px;  transition: color 0.3s;}.footer-bottom-links a:hover {  color: var(--footer-link-hover-color);}@media (max-width: 1024px) {  .footer-top, .footer-middle {    flex-direction: column;    align-items: center;  }  .footer-links {    justify-content: center;    gap: 30px;  }  .footer-section, .newsletter, .partners, .resources, .contact-info {    text-align: center;  }}@media (max-width: 768px) {  .footer-top, .footer-middle {    gap: 20px;  }  .footer-section, .newsletter, .partners, .resources, .contact-info {    flex: 1 1 100%;  }  .newsletter form {    flex-direction: column;  }  .newsletter input[type="email"], .newsletter button {    width: 100%;    border-radius: 4px;  }  .newsletter button {    margin-top: 10px;    border-radius: 4px;  }}@media (max-width: 480px) {  .footer-section h4, .newsletter h4, .partners h4, .resources h4, .contact-info h4 {    font-size: 18px;  }  .footer-logo img {    width: 110px;  }}html {  height: 100%;  background: #131b29;}body {  height: 100%;  max-width: 100%;  min-width: 280px;  overflow-x: hidden;  display: flex;  flex-direction: column;  background: #131b29;  min-width: 300px;  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;  font-size: 16px;  color: #eaf2fb;  letter-spacing: 0.02em;  -webkit-font-smoothing: antialiased;}* {  padding: 0;  margin: 0;  box-sizing: border-box;}main {  flex: 1;}.wschart {  position: relative;  margin: 2vh auto;  background: linear-gradient(120deg, #16243b 70%, #174e4f 100%);  border-radius: 8px;  box-shadow: 0 4px 18px rgba(0,48,128,0.11), 0 1.5px 9px rgba(16,210,187,0.07);  border: 1px solid #23355a;  transition: box-shadow 0.3s;}.wschart canvas {  display: block;  border-radius: 8px;  background: transparent;}@media (min-width: 981px) {  .wschart {    width: 92%;    height: 38vh;    max-width: 2200px;    padding: 20px;  }  .nmnchart {    min-height: 300px;    max-height: 600px;  }}@media (max-width: 980px) {  .wschart {    width: calc(100% - 20px);    height: 30vh;    padding: 10px;  }  .nmnchart {    min-height: 260px;    max-height: 420px;  }  .wschart canvas {    border-radius: 8px;  }}.contentwrp {    margin: 3vh auto 5vh;    text-align: center;    padding: 0 2%;    background: #0a1727;}.contentwrp * {    box-sizing: border-box;}.contentwrp h1 {    display: inline-block;    margin: 20px auto;    font-size: 32px;    font-weight: bold;    color: #c3edff;    border-bottom: 3px solid #28c6b9;    padding-bottom: 5px;    letter-spacing: 1px;    background: linear-gradient(90deg,#10a89c 60%,#23aaff 90%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}.contentbx {    margin: 3vh auto;    padding: 22px 20px;    border-radius: 16px;    text-align: left;    max-width: 100%;    box-shadow: 0px 6px 24px rgba(18, 49, 94, 0.18);    transition: all 0.3s ease-in-out;    background: linear-gradient(120deg, #132032 80%, #19384c 100%);    border: 1.5px solid #1e4464;}/* Alternating Background Colors (subtle for dark) */.contentbx:nth-child(odd) {    background: linear-gradient(120deg, #12202e 85%, #183040 100%);}.contentbx:nth-child(even) {    background: linear-gradient(120deg, #19384c 60%, #1b2f45 100%);}.contentbx h2 {    padding-left: 14px;    font-size: 23px;    margin: 14px 0;    font-weight: bold;    color: #33ffe0;    border-left: 5px solid #17af98;    text-shadow: 0 2px 8px rgba(16, 255, 220, 0.05);}.contentbx h3 {    font-size: 19px;    margin: 13px 0;    font-weight: bold;    color: #97e9ff;}.contentbx p {    margin: 14px 0;    line-height: 1.7em;    color: #e6f5fa;    font-size: 16px;}.contentbx ul {    margin: 10px 0 10px 1.1em;    list-style: disc;    color: #b2f6ee;}.contentbx ul li {    margin: 6px 0;    font-size: 15.5px;}.contractTable {    margin-top: 15px;    padding: 15px;    background: #12202e;    border-radius: 10px;    border: 1px solid #20677c;}.contractTable > div {    margin: 12px 0;    line-height: 1.5em;    padding: 10px;    border-bottom: 1px solid #213959;    display: flex;    justify-content: space-between;    align-items: center;    transition: background 0.3s ease;}.contractTable > div:hover {    background: rgba(33, 255, 205, 0.09);    border-radius: 8px;}.contractTable > div:last-child {    border-bottom: none;}.contractTable > div > span {    display: block;}.contractTable > div > span:first-child {    font-size: 16px;    color: #46ffd9;    font-weight: bold;}.contractTable > div > span:last-child {    font-size: 17px;    font-weight: bold;    color: #1dc9a7;    text-align: right;    word-break: break-word;    overflow-wrap: break-word;}.contractTable a {    text-decoration: none;    color: #16e3c2;    transition: all 0.3s;    font-weight: bold;    word-break: break-word;    overflow-wrap: break-word;}.contractTable a:hover {    text-decoration: underline;    color: #1ca6a6;}.roadmap-box h3 {    margin-top: 1.5em;    color: #40e6b1;    font-size: 19px;    font-weight: bold;    border-left: 4px solid #ffb300;    padding-left: 12px;}.roadmap-box ul {    list-style: disc;    margin-left: 1.5em;    color: #cafff6;}.tokenomics-box ul {    list-style: disc;    margin-left: 1.5em;    color: #b6ffe6;}.tokenomics-box h3 {    border-left: 4px solid #10dfa5;    padding-left: 12px;}.faq-box h3 {    margin-top: 1em;    color: #12f1c9;    font-size: 18px;    font-weight: bold;}.faq-box p {    font-size: 16px;    color: #b4fbf8;    line-height: 1.6em;}.exchange-info-box ul {    list-style: decimal;    margin-left: 1.5em;    color: #b0e8ff;}.exchange-info-box h3 {    border-left: 4px solid #ffb300;    padding-left: 12px;}#full-whitepaper h3 {    margin-top: 1.5em;    font-size: 20px;    color: #1bffd6;    font-weight: 600;    border-left: 4px solid #ff4081;    padding-left: 12px;}#full-whitepaper p,#full-whitepaper ul {    margin: 8px 0;    line-height: 1.7em;}#full-whitepaper ul {    list-style: disc;    margin-left: 1.5em;    color: #9beeff;}a.button {    display: inline-block;    padding: 12px 20px;    margin: 12px 0;    background: linear-gradient(90deg,#13e2b8 40%,#1599c5 100%);    color: #fff;    font-size: 16px;    font-weight: bold;    border-radius: 6px;    text-decoration: none;    transition: all 0.3s;    box-shadow: 0px 3px 12px rgba(14, 96, 96, 0.13);}a.button:hover {    background: linear-gradient(90deg,#0aaf85 50%,#13c6c2 100%);    box-shadow: 0px 4px 16px rgba(16, 220, 255, 0.14);}/* Responsive Optimizations bleiben wie gehabt (keine Änderung nötig, da Dark Theme erhalten bleibt) */@media (min-width: 1025px) {    .contentwrp { max-width: 1400px; }    .contentbx ul { padding-left:18px; }}@media (max-width: 1024px) {    .contentbx { width: 90%; padding: 16px; }    .contentwrp h1 { font-size: 28px; }    .contractTable > div { flex-direction: column; align-items: flex-start; padding: 10px; }    .contractTable > div > span { text-align: left; }}@media (max-width: 768px) {    .contentwrp { max-width: 100vw; overflow-x:hidden; }    .contentbx { width: 95%; padding: 14px; border-radius: 10px; }    .contentwrp h1 { font-size: 26px; }    .contentbx h2 { font-size: 20px; }    .contentbx h3 { font-size: 17px; }    .contractTable { padding: 12px; }    .contractTable > div { padding: 8px; }    .contractTable > div > span { font-size: 15px; word-break: break-word; overflow-wrap: break-word; }    a.button { font-size: 14px; padding: 10px 16px; }}@media (max-width: 480px) {    .contentbx { width: 100%; padding: 12px 2vw; }    .contentbx ul { padding-left:0; }    .contentwrp h1 { font-size: 20px; }    .contentbx h2 { font-size: 18px; }    .contentbx h3 { font-size: 16px; }    .contractTable > div { padding: 6px 0; }    .contractTable > div > span { font-size: 12px; word-break: break-word; overflow-wrap: break-word; }    .contractTable a { font-size: 12px!important; }    a.button { font-size: 13px; padding: 8px 0; }}.herobox {    position: relative;    width: 100vw;    min-height: 80vh;    height: 80vh;    overflow: hidden;    background: radial-gradient(ellipse at 62% 22%, #14231c 0%, #172e22 60%, #111 100%);    perspective: 1300px;    display: block;}#networkCanvas {    position: absolute;    inset: 0;    width: 100%;    height: 100%;    z-index: 0;    pointer-events: none;    filter: blur(1.2px) brightness(1.06) saturate(1.09);    opacity: .91;    display: block;}.ico-countdown {    position: absolute;    left: 50%;    bottom: 4vh;    transform: translateX(-50%);    z-index: 22;    display: flex;    flex-direction: column;    align-items: center;    padding: 0;    background: none;    border-radius: 0;    box-shadow: none;    font-family: 'Space Grotesk', 'Montserrat', 'Segoe UI', Arial, sans-serif;    pointer-events: none;    min-width: 0;}.cd-label {    font-size: 1.05rem;    letter-spacing: 0.14em;    color: #ffe688;    margin-bottom: 0.6em;    text-align: center;    font-weight: 700;    opacity: 0.82;    text-shadow: 0 2px 12px #fff68d1c;    font-family: inherit;    line-height: 1.4;}.cd-time {    font-size: clamp(1.32rem, 4vw, 2.18rem);    font-family: inherit;    color: #ffe688;    font-weight: 900;    letter-spacing: 0.14em;    text-shadow: 0 0px 18px #ffd90056, 0 1.5px 4px #ffe68844;    display: flex;    gap: 0.51em;    background: none;    border-radius: 0;    padding: 0;}.cd-time span {    color: #fffbe3;    font-weight: 900;    filter: drop-shadow(0 0 8px #ffe68899);}@media (max-width: 800px) {    .ico-countdown {        left: 50%;        bottom: 3vw;        min-width: 0;    }    .cd-label {        font-size: 0.91rem;        margin-bottom: 0.44em;    }    .cd-time {        font-size: clamp(1rem, 6vw, 1.28rem);        gap: 0.37em;    }}#keyMetrics {    width: 100%;    background: linear-gradient(180deg, #101a23 60%, #02111e 100%);    padding: 36px 2vw 28px 2vw;    box-sizing: border-box;    border-bottom: 1px solid #132237;    border-top: 1px solid #18304b;}#keyMetrics .wrapper {    max-width: 1400px;    margin: 0 auto;    display: flex;    gap: 2.6vw;    justify-content: center;    align-items: stretch;    flex-wrap: wrap;}/* Metric Card */.metric {    flex: 1 1 210px;    min-width: 195px;    max-width: 330px;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    background: rgba(12, 41, 53, 0.77);    border-radius: 22px;    padding: 21px 14px 18px 14px;    margin: 0;    box-shadow: 0 2px 22px 0 rgba(24, 64, 74, .09), 0 1.5px 8px rgba(44, 222, 198, 0.04);    border: 1.5px solid rgba(26, 57, 89, 0.13);    transition: transform 0.23s cubic-bezier(.6,1.45,.29,.98), box-shadow 0.22s, background 0.35s;}.metric:hover {    background: linear-gradient(90deg, #12415c 80%, #0a222f 100%);    transform: scale(1.038) translateY(-2px);    box-shadow: 0 8px 38px -6px #0eaec333, 0 1px 8px 0 #001c22cc;}.label {    display: block;    font-size: 1.06rem;    color: #aed8f5;    margin-top: 6px;    margin-bottom: 2px;    font-weight: 400;    letter-spacing: 0.5px;    text-shadow: 0.5px 0.5px 0.7px #02212219;}.value {    font-size: 2.34rem;    font-weight: 700;    color: #ffe493;    line-height: 1.18;    letter-spacing: 0.04em;    background: linear-gradient(87deg, #ffe688 62%, #17e0be 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    text-fill-color: transparent;    text-shadow: 0 3px 22px #0b876c19, 0 2px 8px #18354a0e;    transition: text-shadow 0.3s, filter 0.23s;    filter: brightness(1.13) drop-shadow(0 1px 1.5px #00212580);}.metric:hover .value {    text-shadow: 0 4px 40px #17e0be40, 0 2px 12px #ffe68855;    filter: brightness(1.24) drop-shadow(0 3px 8px #0eaec3aa);}/* TABLET */@media (max-width: 1024px) {    #keyMetrics .wrapper {        gap: 2vw;        max-width: 100vw;    }    .metric {        min-width: 168px;        max-width: 360px;        padding: 16px 5vw 14px 5vw;    }    .value { font-size: 1.65rem; }    .label { font-size: 0.93rem; }}/* 2-per-row MOBILE GRID */@media (max-width: 700px) {    #keyMetrics .wrapper {        display: grid;        grid-template-columns: 1fr 1fr;        gap: 14px 12px;        justify-items: stretch;        align-items: stretch;        max-width: 100vw;    }    .metric {        min-width: 0;        max-width: 100%;        border-radius: 14px;        padding: 11px 4vw;    }    .value { font-size: 1.19rem; }    .label { font-size: 0.8rem; }}/* 1-per-row XS */@media (max-width: 460px) {    #keyMetrics .wrapper {        grid-template-columns: 1fr;        gap: 10px 0;    }    .metric {        padding: 10px 3vw;        border-radius: 10px;    }    .value { font-size: 1.01rem; }    .label { font-size: 0.73rem; }}nav {  background: linear-gradient(90deg, #061926 82%, #0d2e43 100%);  position: sticky;  top: 0;  width: 100%;  z-index: 9999;  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;  box-shadow: 0 2px 14px 0 #052b382a;}nav ul {  list-style: none;  margin: 0;  padding: 0;  display: flex;  align-items: center;}nav > ul {  display: flex;}nav ul li {  position: relative;}nav ul li a {  display: block;  padding: 16px 28px 15px 22px;  color: #f4fcff;  text-decoration: none;  font-size: 17px;  font-weight: 400;  border-radius: 8px 8px 0 0;  transition: background 0.28s, color 0.22s, box-shadow 0.22s;  letter-spacing: 0.03em;}nav ul li a:hover,nav ul li a:focus-visible {  background: linear-gradient(90deg, #102642 55%, #1c3c56 100%);  color: #18e0b5;  box-shadow: 0 3px 14px -8px #18e0b533;  outline: none;}nav ul li.active > a,nav ul li a.active {  background: linear-gradient(90deg, #254a69 68%, #a89118 100%);  color: #ffe480;  box-shadow: 0 8px 32px -14px #f1c23277;}nav ul li ul li {  display: block;  width: 100%;}nav ul li ul {  position: absolute;  top: 100%;  left: 0;  background: #0d2335;  width: 215px;  border-radius: 0 0 10px 10px;  box-shadow: 0 12px 28px 0 #0eaec33a;  opacity: 0;  visibility: hidden;  transform: translateY(14px);  transition: opacity 0.24s, transform 0.28s, visibility 0.28s;  display: flex;  flex-direction: column;}nav ul li:hover > ul,nav ul li:focus-within > ul {  opacity: 1;  visibility: visible;  transform: translateY(0);}nav ul li ul li a {  display: block;  padding: 12px 26px 12px 23px;  color: #d3f1f7;  font-size: 15px;  font-weight: 400;  border-radius: 0 0 7px 7px;  background: none;  transition: background 0.2s, color 0.18s;}nav ul li ul li a:hover,nav ul li ul li a:focus-visible {  background: linear-gradient(90deg, #152b44 60%, #186e63 100%);  color: #26e9d2;}nav ul li ul li ul {  left: 100%;  top: 0;  background: #02111e;  border-radius: 0 8px 8px 8px;  box-shadow: 0 8px 18px #0eaec344;}nav ul li ul li ul li a {  padding: 12px 23px;  color: #e2f7ee;  font-size: 15px;}.hamburger {  display: none;  cursor: pointer;  width: 35px;  height: 30px;  position: absolute;  right: 20px;  top: 15px;  z-index: 1100;}.hamburger span {  display: block;  height: 4px;  background-color: #f5f5f5;  margin: 5px 0;  width: 100%;  border-radius: 2px;  transition: 0.3s;}nav.open .hamburger span:nth-child(1) {  transform: translateY(10px) rotate(45deg);}nav.open .hamburger span:nth-child(2) {  opacity: 0;}nav.open .hamburger span:nth-child(3) {  transform: translateY(-10px) rotate(-45deg);}nav.open ul {  position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  background: linear-gradient(190deg, #020a18 70%, #113841 100%);  flex-direction: column;  align-items: flex-start;  justify-content: flex-start;  padding: 24px 0 0 0;  overflow: auto;  border-radius: 0 0 24px 24px;  box-shadow: 0 12px 48px #18314c95;}nav.open ul li {  width: 100%;}nav.open ul li a {  width: 100%;  padding: 17px 28px;  text-align: left;  font-size: 19px;  border-bottom: 1px solid rgba(22, 216, 197, 0.10);  border-radius: 0;}@media (max-width: 768px) {  nav ul {    display: none;  }  nav.open > ul {    display: flex;  }  .hamburger {    display: block;  }}.wsexchangeClosed {  margin: 16vh auto;  text-align: center;  color: #55ffd1;  font-size: 140%;  background: linear-gradient(100deg, #061926 60%, #113841 100%);  padding: 2.2em 1.5em;  border-radius: 18px;  max-width: 470px;  box-shadow: 0 4px 24px #10beac2c, 0 1px 0 #092d2b;  border: 1.5px solid #23cbb2;  letter-spacing: 0.01em;  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}