body {margin: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;background-color: #121212;color: #ffffff;overflow-x: hidden;position: relative;}.navbar {background-color: transparent;position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;transition: background-color 0.4s ease, box-shadow 0.4s ease;}.navbar.navbar-scrolled {background-color: #1e1e1e;box-shadow: 0 2px 10px rgba(0,0,0,0.3);}.navbar-container {display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;padding: 0 1.5em;height: 60px;}.navbar-logo{display:none;align-items:center;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700}.navbar-logo .logo-alt-text{opacity:.8;font-weight:400}.nav-links {display: flex;justify-content: center;align-items: center;flex-grow: 1;gap: 1em;}.nav-links a{color:#e0e0e0;text-decoration:none;font-weight:500;padding:0.5em 1.5em;border-radius:8px;transition:color .3s ease, background-color .3s ease, box-shadow .3s ease}.nav-links a:hover{color:#fff;background-color:rgba(255,255,255,0.05);box-shadow:0 0 15px rgba(255,255,255,0.1), inset 0 0 0 1px rgba(255,255,255,0.1);}.discord-link{position:absolute;right:1.5em;top:50%;transform:translateY(-50%)}.discord-link img{height:32px;width:32px;object-fit:contain;display:block;transition:transform .3s ease,filter .3s ease}.discord-link:hover img{transform:scale(1.1);filter:brightness(1.1)}.hamburger{display:none;place-items:center;width:32px;height:32px;cursor:pointer;z-index:1001}.hamburger div{grid-area:1 / 1 / 2 / 2;width:28px;height:3px;background-color:#fff;border-radius:2px;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .3s ease, filter .3s ease}.hamburger .bar1{transform:translateY(-8px)}.hamburger .bar3{transform:translateY(8px)}.hamburger.active .bar1{transform:rotate(45deg)}.hamburger.active .bar2{opacity:0}.hamburger.active .bar3{transform:rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;background-color:#1e1e1e;position:absolute;top:60px;left:0;right:0;transform:translateY(-150%);transition:transform .4s cubic-bezier(.23,1,.32,1);padding-bottom:0;border-bottom:1px solid #333}.mobile-menu.show{transform:translateY(0)}.mobile-menu a{color:#fff;text-decoration:none;padding:1em 1.5em;font-weight:500;border-bottom:1px solid #2a2a2a;transition:background-color .3s ease}.mobile-menu a:hover{background-color:#333}.mobile-menu a:last-child{border-bottom:none}.navbar:not(.navbar-scrolled) .hamburger div, .navbar:not(.navbar-scrolled) .discord-link img {filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));}.main-content {display: flex;justify-content: center;box-sizing: border-box;padding: 160px 20px 100px;}.content-wrapper {display: flex;flex-direction: column;align-items: center;gap: 6em;max-width: 1000px;width: 100%;}.hero-section {display: flex;flex-direction: column;align-items: center;gap: 1.5em;text-align: center;}.logo-row {display: flex;align-items: center;gap: 0.1em;}.logo-image-inline {height: 12em;width: auto;}.logo-text-inline {font-size: 10.5em;font-weight: bold;user-select: none;}.tagline {font-size: 1.2rem;color: #b3b3b3;max-width: 500px;margin-top: -1em;font-weight: 400;}.download-button {display: inline-flex;align-items: center;justify-content: center;gap: 10px;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(12px) saturate(180%);-webkit-backdrop-filter: blur(12px) saturate(180%);border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 20px;color: #ffffff;padding: 0.7em 1.8em;font-size: 1.2rem;font-weight: 600;text-decoration: none;cursor: pointer;box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.2);transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, color 0.3s ease;}.download-button img {height: 1.3em;transition: transform 0.3s ease;}.download-button:hover {background: rgba(255, 255, 255, 0.25);box-shadow: 0 8px 40px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.4);color: #f0f0f0;transform: translateY(-3px) scale(1.05);}.download-button:hover img {transform: scale(1.2);}.section-title {font-size: 2.2rem;font-weight: bold;text-align: center;margin-bottom: 1.5em;color: #ffffff;}.features-section {width: 100%;padding: 0 2em;box-sizing: border-box;}.features-grid {display: grid;grid-template-columns: 1fr;gap: 2em;}.feature-card {background-color: #1e1e1e;padding: 2.5em 2em;border-radius: 16px;border: 1px solid #333;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.feature-card:hover {transform: translateY(-8px);box-shadow: 0 12px 30px rgba(0,0,0,0.5);border-color: #555;}.feature-emoji {margin-bottom: 1.25em;transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.feature-emoji img {width: 48px;height: 48px;}.feature-card:hover .feature-emoji {transform: scale(1.2) rotate(8deg);}.feature-title {font-size: 1.4rem;font-weight: bold;color: #ffffff;margin-top: 0;margin-bottom: 0.7em;}.feature-card p {font-size: 1rem;line-height: 1.6;color: #b3b3b3;margin-bottom: 0;}.footer-bar {background-color: #1e1e1e;position: fixed;bottom: 0;left: 0;width: 100%;padding: 1em 1.5em;border-top: 1px solid #333;box-sizing: border-box;color: rgba(255, 255, 255, 0.5);font-size: 0.8rem;z-index: 10;}.page-content {max-width: 800px;margin: 0 auto;box-sizing: border-box;padding: 120px 2em 120px;color: #e0e0e0;}.page-content h1 {font-size: 2.5rem;color: #ffffff;border-bottom: 1px solid #333;padding-bottom: 0.5em;margin-bottom: 1em;}.page-content h2 {font-size: 1.8rem;color: #ffffff;margin-top: 2em;margin-bottom: 0.8em;}.page-content p {font-size: 1.05rem;line-height: 1.8;color: #b3b3b3;}.page-content p strong {color: #e0e0e0;}.support-actions {display: flex;justify-content: center;gap: 2em;margin: 2em 0;flex-wrap: wrap;}.support-card {display: flex;flex-direction: column;align-items: center;flex: 1;min-width: 280px;max-width: 380px;background-color: #1e1e1e;padding: 2.5em 2em;border-radius: 16px;border: 1px solid #333;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;}.support-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.5);}.card-title {font-size: 1.8rem;font-weight: bold;color: #ffffff;margin: 0 0 0.5em 0;}.card-subtitle {color: #b3b3b3;line-height: 1.6;flex-grow: 1;margin-bottom: 2em;}.card-button {background-color: #33373d;color: #e0e0e0;padding: 0.8em 1.5em;border-radius: 8px;text-decoration: none;font-weight: 500;transition: background-color 0.2s ease, transform 0.2s ease;border: 1px solid #4a4a4a;}.card-button:hover {background-color: #40444b;transform: translateY(-2px);}html {scrollbar-width: thin;scrollbar-color: #555555 #1e1e1e;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #1e1e1e;}::-webkit-scrollbar-thumb {background-color: #555555;border-radius: 6px;border: 2px solid #1e1e1e;}::-webkit-scrollbar-thumb:hover {background-color: #777777;}@media (min-width: 700px) {.features-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1000px) {.features-grid {grid-template-columns: repeat(3, 1fr);}.features-grid:has(:nth-child(5)):not(:has(:nth-child(6))) .feature-card:last-of-type {grid-column: 2;}}@media (max-width: 999px) {.features-grid:has(:nth-child(5)):not(:has(:nth-child(6))) .feature-card:last-of-type {grid-column: 1 / -1;justify-self: center;max-width: 320px;}}@media (max-width: 768px) {.nav-links {display: none;}.hamburger {display: grid;}.navbar-container {justify-content: space-between;}.navbar-logo {display: flex;position: absolute;left: 50%;transform: translateX(-50%);}.logo-image-inline {height: 6em;}.logo-text-inline {font-size: 5em;}.tagline {font-size: 1.1rem;}.section-title {font-size: 1.8rem;}.features-section {padding: 0 1em;}.page-content h1 {font-size: 2rem;}.page-content h2 {font-size: 1.5rem;}}@media (max-width: 480px) {.navbar-container {padding: 0 4em 0 1em;}.discord-link {right: 1em;}.navbar-logo {font-size: 1.3rem;}.logo-image-inline {height: 4.5em;}.logo-text-inline {font-size: 3.5em;}.footer-bar {text-align: center;padding: 1em;}}.minimal-error-container {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;padding: 2em;box-sizing: border-box;text-align: center;}.minimal-error-title {font-size: 2.5rem;font-weight: 600;color: #ffffff;margin: 0;}.minimal-error-code {font-size: 1rem;color: #888;margin: 0.5em 0 7em 0;}.minimal-home-button {display: inline-block;background-color: #ffffff;color: #121212;padding: 0.5em 1.5em;border-radius: 10px;text-decoration: none;font-size: 1rem;font-weight: 600;transition: transform 0.2s ease;}.minimal-home-button:hover {transform: scale(1.05);}@media (max-width:480px) {.minimal-error-title {font-size: 2rem;}.minimal-error-code {font-size: 1rem;}}.dropdown {position: relative;display: inline-block;}.dropdown-toggle {background: none;border: none;cursor: pointer;display: flex;align-items: center;gap: 0.3em;color: #e0e0e0;text-decoration: none;font-weight: 500;font-size: 1em;font-family: inherit;padding: 0.5em 1.5em;border-radius: 8px;transition: color 0.3s ease, background-color .3s ease, box-shadow .3s ease;}.dropdown-toggle:hover, .dropdown.is-active .dropdown-toggle {color: #fff;background-color: rgba(255,255,255,0.05);box-shadow: 0 0 15px rgba(255,255,255,0.1), inset 0 0 0 1px rgba(255,255,255,0.1);}.arrow-icon {width: 24px;height: 24px;fill: currentColor;transition: transform 0.3s ease;}.dropdown.is-active .arrow-icon {transform: rotate(180deg);}.dropdown-content {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background-color: #ffffff;min-width: 220px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);border-radius: 12px;padding: 0.5em;margin-top: 10px;z-index: 2;opacity: 0;visibility: hidden;transition: opacity 0.2s ease, visibility 0.2s ease;pointer-events: none;}.dropdown.is-active .dropdown-content {opacity: 1;visibility: visible;pointer-events: auto;}.dropdown-content a {color: #121212;padding: 12px 16px;text-decoration: none;display: flex;align-items: center;gap: 1em;border-radius: 8px;font-weight: 500;transition: background-color 0.2s ease;}.dropdown-content a:hover {background-color: #f1f1f1;color: #121212;}.dropdown-content img {width: 24px;height: 24px;}.dropdown-content a.disabled {color: #a0a0a0;opacity: 0.6;pointer-events: none;cursor: not-allowed;}.dropdown-content a.disabled:hover {background-color: transparent;}body::before {content: '';position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(18, 18, 18, 0.2);backdrop-filter: blur(4px);z-index: 999;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}body:has(.dropdown:hover)::before {opacity: 1;}