:root{--top-nav-height: 80px;--footer-height: 50px;--content-horizontal-padding: 2rem;--hero-vertical-padding: 4rem;--hero-gap: 5rem}html,body,#root{margin:0;padding:0;height:100%;width:100%;background-color:#0e0517;box-sizing:border-box;overflow-x:hidden}.page-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--top-nav-height);background:transparent;display:flex;justify-content:space-between;align-items:center;padding:0 var(--content-horizontal-padding);z-index:1000}.logo1{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-family:Rock Salt,cursive;flex-wrap:wrap}.logo-word,.logo-word2{text-shadow:0 0 6px currentColor}.logo-word2{font-size:1rem;font-family:Rubik Moonrocks,sans-serif}.logo-image img{height:40px;width:auto;display:block}.nav-links{display:flex;gap:2rem;font-size:1.2rem}.nav-links a,.mobile-nav-links a{color:#fff;text-decoration:none;font-family:Lexend,sans-serif;font-weight:300;transition:color .2s ease}.nav-links a:hover,.mobile-nav-links a:hover{color:#39ff14}.main-content-area{padding-top:var(--top-nav-height);background-color:#0e0517;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:120px 120px,80px 80px;background-position:0 0,40px 40px;animation:starfield 30s linear infinite;min-height:calc(100vh - var(--top-nav-height) - var(--footer-height))}.hero{display:flex;justify-content:center;padding:var(--hero-vertical-padding) var(--content-horizontal-padding)}.hero-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--hero-gap);max-width:1200px;width:100%}.hero-text{flex:1;max-width:500px}.hero-logo-floating{position:relative}.hero-copy{margin-top:1rem;text-align:center}.logo-line{font-family:Knewave,cursive;text-shadow:0 0 6px currentColor,0 0 12px currentColor;font-size:3rem}.logo-line.large{font-size:6rem}.tagline{font-family:Lexend,sans-serif;color:#fff;font-size:1.2rem;line-height:1.6}.hero-btn{background-color:#0cf;color:#0e0517;font-family:Lexend,sans-serif;font-size:1rem;padding:.75rem 2rem;border:none;border-radius:6px;cursor:pointer;box-shadow:0 0 10px #0cf;transition:.3s;margin-top:1rem}.hero-btn:hover{background-color:#39ff14;box-shadow:0 0 12px #39ff14}.hero-image-wrapper{flex:1;display:flex;justify-content:center;align-items:center}.hero-image{width:100%;max-width:600px;height:auto;object-fit:contain;padding-left:0}.footer{height:var(--footer-height);text-align:center;background:#111;color:#999;font-size:.9rem;padding:.5rem}@keyframes starfield{0%{background-position:0 0,40px 40px}to{background-position:1000px 1000px,1040px 1040px}}.pink{color:#f6c}.green{color:#39ff14}.blue{color:#0cf}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer}.hamburger .bar{height:3px;background:#fff;border-radius:2px}.mobile-nav-links{display:none;position:absolute;top:var(--top-nav-height);right:1rem;background:#111;padding:1rem;border-radius:6px;flex-direction:column;gap:1rem;z-index:999}.mobile-nav-links.open,.desktop-only{display:flex}@media (max-width: 768px){.hero-inner{flex-direction:column;gap:2rem;text-align:center}.hero-logo-floating{align-items:center}.hero-image{max-width:300px}.hamburger{display:flex}.desktop-only{display:none}.logo1{font-size:1.5rem}.logo-line.large{font-size:3rem}.nav-links{gap:1rem}}