*{box-sizing:border-box}body{margin:0;padding:0}.page-container{min-height:100vh;background-color:#000000;color:#ffffff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav{position:fixed;top:0;width:100%;z-index:50;background-color:rgba(0,0,0,.8);backdrop-filter:blur(4px);border-bottom:1px solid #374151}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.nav-logo{font-size:1.5rem;font-weight:700;color:#ffffff}.nav-links{display:none;gap:1.5rem}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:#ffffff;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#f59e0b}.nav-button{background-color:#d97706;color:#ffffff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease}.nav-button:hover{background-color:#b45309}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4)}.hero-content{position:relative;z-index:10;text-align:center;max-width:64rem;margin:0 auto;padding:0 1rem}.hero-badge{background-color:#374151;color:#d1d5db;border:1px solid #4b5563;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 8px rgba(0,0,0,.6)}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(90deg,#ffffff,#d1d5db);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:0;display:block;text-shadow:2px 2px 8px rgba(0,0,0,.9)}@media (min-width:768px){.hero-title{font-size:6rem}}.hero-description{font-size:1.25rem;color:#d1d5db;max-width:48rem;margin:300px auto 2rem;text-shadow:1px 1px 3px rgba(0,0,0,.8)}@media (min-width:768px){.hero-description{font-size:1.5rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem}@media (min-width:640px){.hero-buttons{flex-direction:row}}.hero-button-primary{background-color:#d97706;color:#ffffff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.5);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.hero-button-primary:hover{background-color:#b45309;box-shadow:0 6px 16px rgba(0,0,0,.7)}.hero-button-secondary{border:1px solid #4b5563;color:#d1d5db;background:transparent;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.4);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.hero-button-secondary:hover{background-color:#374151;box-shadow:0 6px 16px rgba(0,0,0,.6)}.hero-stats{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:32rem;margin:0 auto}@media (min-width:768px){.hero-stats{grid-template-columns:repeat(3,1fr)}}.hero-stat{text-align:center}.hero-stat-number{font-size:1.875rem;font-weight:700;color:#f59e0b;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.hero-stat-label{color:#9ca3af;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.section{padding:5rem 0}.section-dark{background-color:#111827}.section-black{background-color:#000000}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.section-title{font-size:3rem}}.section-description{font-size:1.25rem;color:#9ca3af;max-width:48rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:1.5rem;transition:border-color .3s ease}.feature-card:hover{border-color:#d97706}.feature-icon{width:3rem;height:3rem;color:#f59e0b;margin-bottom:1rem}.feature-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#9ca3af}.gameplay-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.gameplay-grid{grid-template-columns:repeat(2,1fr)}}.gameplay-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.gameplay-content h2{font-size:3rem}}.gameplay-description{font-size:1.25rem;color:#9ca3af;margin-bottom:2rem}.gameplay-features{display:flex;flex-direction:column;gap:1.5rem}.gameplay-feature{display:flex;align-items:flex-start;gap:1rem}.gameplay-feature-icon{background-color:#d97706;border-radius:50%;padding:.5rem;margin-top:.25rem}.gameplay-feature-icon svg{width:1rem;height:1rem}.gameplay-feature-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin-bottom:.5rem}.gameplay-feature-description{color:#9ca3af}.coming-soon-card{background:linear-gradient(90deg,rgba(55,65,81,.5),rgba(75,85,99,.5));border-radius:.5rem;padding:2rem;border:1px solid rgba(75,85,99,.3)}.coming-soon-content{text-align:center}.coming-soon-emoji{font-size:4rem;margin-bottom:1rem}.coming-soon-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.coming-soon-description{color:#9ca3af;margin-bottom:1.5rem}.coming-soon-button{background-color:#d97706;color:#ffffff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease}.coming-soon-button:hover{background-color:#b45309}.rewards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.rewards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.rewards-grid{grid-template-columns:repeat(4,1fr)}}.reward-card{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:1.5rem;text-align:center}.reward-emoji{font-size:1.875rem;margin-bottom:.5rem}.reward-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.reward-description{color:#9ca3af}.community-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:3rem}@media (min-width:640px){.community-buttons{flex-direction:row}}.community-button{border:1px solid #4b5563;color:#d1d5db;background:transparent;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1.125rem;cursor:pointer;transition:background-color .3s ease}.community-button:hover{background-color:#374151}.early-access-card{background:linear-gradient(90deg,rgba(55,65,81,.3),rgba(75,85,99,.3));border-radius:.5rem;padding:2rem;border:1px solid rgba(75,85,99,.3);max-width:32rem;margin:0 auto}.early-access-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.early-access-description{color:#9ca3af;margin-bottom:1.5rem}.early-access-form{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.early-access-form{flex-direction:row}}.early-access-input{flex:1;padding:.75rem 1rem;background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#ffffff}.early-access-input::placeholder{color:#9ca3af}.early-access-input:focus{outline:none;border-color:#d97706}.early-access-button{background-color:#d97706;color:#ffffff;border:none;padding:.75rem 2rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.early-access-button:hover{background-color:#b45309}.footer{padding:3rem 0;background-color:#111827;border-top:1px solid #374151}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand{font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem}.footer-brand-description{color:#9ca3af}.footer-section-title{color:#ffffff;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#f59e0b}.footer-bottom{border-top:1px solid #374151;margin-top:2rem;padding-top:2rem;color:#9ca3af}.footer-bottom,.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.object-cover{object-fit:cover}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.mb-4{margin-bottom:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}