@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";:root{--primary-black: black;--fifth-dark-teal: #0a2428;--fifth-medium-teal: #054a4f;--fifth-light-teal: #2bacb2;--fifth-orange: #c85715;--steampunk-copper: #8b4513;--steampunk-brass: #cd853f;--steampunk-gold: #ffd700;--font-great-vibes: "Great Vibes", cursive;--font-playfair: "Playfair Display", serif;--font-source-serif: "Source Serif 4", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-playfair);color:#fff;min-height:100vh;background:var(--primary-black);position:relative}.app-container{min-height:100vh;display:flex;flex-direction:column}.title-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.subtitle{display:block;justify-content:center}.logo{width:250px;height:250px}.app-card{position:relative;background:linear-gradient(180deg,#0a0a0f,#1a1a2e,#0f0f1a);border:3px solid var(--steampunk-copper);border-radius:20px;margin:2rem auto;padding:3rem 2rem;max-width:900px;width:90%;overflow:hidden;box-shadow:0 0 30px #000c,inset 0 0 20px #00000080}.app-card-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.app-info{text-align:left}.app-description{font-family:var(--font-playfair);color:silver;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6;margin-bottom:1.5rem}.store-buttons{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid var(--steampunk-copper);border-radius:12px;padding:.75rem 1.25rem;cursor:not-allowed;transition:all .3s ease;box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff0d}.store-button:hover{border-color:var(--steampunk-brass);box-shadow:0 4px 20px #8b45134d,inset 0 1px #ffffff0d}.store-icon{font-size:1.75rem;filter:grayscale(50%);opacity:.8}.store-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.store-label{font-family:var(--font-playfair);color:var(--steampunk-brass);font-size:1rem;font-weight:700;letter-spacing:.5px}.store-status{font-family:var(--font-playfair);color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px}.store-badge img{height:45px;width:auto;opacity:.5;transition:all .3s ease;filter:grayscale(100%)}.store-badge:hover img{opacity:.7}.coming-soon-tag{display:inline-block;background:linear-gradient(135deg,var(--steampunk-copper) 0%,#654321 100%);color:var(--steampunk-gold);font-family:var(--font-source-serif);font-size:.9rem;padding:.4rem 1rem;border-radius:20px;text-transform:uppercase;letter-spacing:2px;animation:spectralGlow 4s ease-in-out infinite alternate}@keyframes spectralGlow{0%{text-shadow:0 0 10px var(#0a0a0f),0 0 20px var(--fifth-medium-teal),0 0 30px var(--fifth-dark-teal)}to{text-shadow:0 0 15px var(--fifth-light-teal),0 0 30px var(--fifth-medium-teal),0 0 45px var(--fifth-dark-teal),0 0 60px var(--fifth-dark-teal)}}.app-screenshots{display:flex;justify-content:center}.screenshot-stack{display:flex;gap:.5rem;align-items:center}.screenshot{width:120px;height:auto;border-radius:15px;border:2px solid var(--steampunk-copper);box-shadow:0 5px 20px #00000080;transition:transform .3s ease}.screenshot:nth-child(2){transform:scale(1.1);z-index:2}.screenshot:hover{transform:scale(1.15);z-index:3}.screenshot:nth-child(2):hover{transform:scale(1.2)}.stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 250px 160px,#fff,transparent),radial-gradient(2px 2px at 300px 100px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 350px 60px,#fff,transparent),radial-gradient(2px 2px at 400px 140px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 450px 30px,#fff,transparent),radial-gradient(2px 2px at 500px 90px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:550px 200px;animation:sparkle 4s ease-in-out infinite}.stars-2{background-image:radial-gradient(1px 1px at 25px 50px,#fff,transparent),radial-gradient(2px 2px at 75px 120px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 125px 20px,#fff,transparent),radial-gradient(2px 2px at 175px 90px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 225px 150px,#fff,transparent),radial-gradient(2px 2px at 275px 40px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 325px 110px,#fff,transparent),radial-gradient(2px 2px at 375px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 425px 130px,#fff,transparent),radial-gradient(2px 2px at 475px 25px,rgba(255,255,255,.7),transparent);background-size:500px 180px;animation:sparkle 5s ease-in-out infinite;animation-delay:1s}.stars-3{background-image:radial-gradient(1px 1px at 50px 80px,rgba(255,215,0,.8),transparent),radial-gradient(2px 2px at 150px 40px,rgba(255,215,0,.6),transparent),radial-gradient(1px 1px at 280px 100px,rgba(255,215,0,.7),transparent),radial-gradient(2px 2px at 380px 60px,rgba(255,215,0,.5),transparent),radial-gradient(1px 1px at 480px 120px,rgba(255,215,0,.8),transparent);background-size:520px 160px;animation:sparkle 6s ease-in-out infinite;animation-delay:2s}@keyframes sparkle{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:480px){.app-card{margin:1rem;padding:2rem 1rem;width:calc(100% - 2rem)}}.app-title{font-family:var(--font-playfair);font-weight:400;color:var(--fifth-light-teal);font-size:clamp(3rem,8vw,5rem);text-shadow:0 1px 1px #0a0a0f;margin-bottom:1rem}.tagline{font-family:var(--font-playfair);color:silver;font-size:clamp(1rem,3vw,1.5rem);margin-bottom:3rem;max-width:600px}.cta-button{background:linear-gradient(45deg,var(--fifth-medium-teal),var(--fifth-dark-teal));border:4px solid var(--steampunk-copper);border-radius:15px;padding:1rem 2.5rem;color:var(--steampunk-gold);font-family:var(--font-playfair);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 20px #000,inset 0 0 20px #000c,0 0 15px #8b45134d}.cta-button:hover{background:linear-gradient(45deg,var(--fifth-light-teal),var(--fifth-medium-teal));border-color:var(--steampunk-gold);box-shadow:0 0 25px var(--fifth-light-teal);color:#000;transform:translateY(-2px)}.site-footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-top:3px solid var(--steampunk-copper);padding:2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-logo{width:50px;height:auto;filter:drop-shadow(0 0 5px rgba(255,179,102,.3))}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{font-family:var(--font-playfair);color:var(--steampunk-brass);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--steampunk-gold);text-shadow:0 0 8px var(--steampunk-brass)}.copyright{font-family:var(--font-playfair);color:#666;font-size:.8rem;margin:0}@media(max-width:768px){.app-card-content{grid-template-columns:1fr;text-align:center}.app-info{text-align:center}.store-buttons,.screenshot-stack{justify-content:center}.screenshot{width:90px}.footer-links{gap:1rem}}@media(max-width:480px){.store-button{padding:.6rem 1rem}.store-icon{font-size:1.5rem}.store-label{font-size:.9rem}}@media(max-width:480px){.screenshot{width:70px}}.quote-banner{width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-bottom:2px solid var(--steampunk-copper);padding:.75rem 1rem;text-align:center;box-shadow:0 2px 10px #00000080}.quote-content{transition:opacity .5s ease}.quote-content.fade-in{opacity:1}.quote-content.fade-out{opacity:0}.quote-text{font-family:var(--font-playfair);font-style:italic;color:silver;font-size:clamp(.85rem,2vw,1rem);margin:0}.quote-author{font-family:var(--font-playfair);color:var(--steampunk-brass);font-size:clamp(.75rem,1.5vw,.85rem);margin:.25rem 0 0}@media(max-width:480px){.quote-banner{padding:.5rem}}.welcome-message{font-family:var(--font-playfair);color:silver;font-size:clamp(1rem,2.5vw,1.25rem);max-width:700px;line-height:1.7;font-style:italic;transition:opacity .5s ease}.fade-in{opacity:1}.fade-out{opacity:0}.navbar{width:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:3px solid var(--steampunk-copper);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00000080,inset 0 -1px #8b45134d;position:relative;z-index:100}.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-logo{width:45px;height:auto;filter:drop-shadow(0 0 5px rgba(255,179,102,.4))}.nav-title{font-family:var(--font-playfair);font-size:clamp(1.25rem,3vw,1.75rem);color:var(--fifth-light-teal);text-shadow:0 0 8px var(--fifth-dark-teal)}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links a{font-family:var(--font-playfair);color:var(--steampunk-brass);text-decoration:none;font-size:1rem;letter-spacing:1px;transition:all .3s ease;padding:.5rem}.nav-links a:hover{color:var(--steampunk-gold);text-shadow:0 0 10px var(--steampunk-brass)}.nav-toggle{display:none;background:none;border:2px solid var(--steampunk-copper);border-radius:5px;color:var(--steampunk-gold);font-size:1.5rem;padding:.25rem .5rem;cursor:pointer;transition:all .3s ease}.nav-toggle:hover{background:var(--steampunk-copper);color:#000}@media(max-width:768px){.navbar{padding:.75rem 1rem;flex-wrap:wrap}.nav-toggle{display:block}.nav-links{display:none;width:100%;flex-direction:column;gap:0;margin-top:1rem;border-top:1px solid var(--steampunk-copper);padding-top:1rem}.nav-links.open{display:flex}.nav-links li{text-align:center;padding:.75rem 0;border-bottom:1px solid rgba(139,69,19,.3)}.nav-links li:last-child{border-bottom:none}}