.landing-root{font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#181A20 60%,#23262F 100%);color:#fff;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.landing-root:before{content:"";position:fixed;top:-120px;left:-120px;width:600px;height:600px;background:radial-gradient(circle,#FFD60033 0%,#181A2000 80%);z-index:0;pointer-events:none;animation:floatGlow 8s ease-in-out infinite alternate}.landing-root:after{content:"";position:fixed;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#00C07633 0%,#181A2000 80%);z-index:0;pointer-events:none;animation:floatGlow2 10s ease-in-out infinite alternate}@keyframes floatGlow{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(30px)}}@keyframes floatGlow2{0%{transform:scale(1) translateY(0)}to{transform:scale(1.12) translateY(-20px)}}.section-divider{width:100vw;height:60px;margin:-32px 0 0;background:none;display:block;border:none;pointer-events:none}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:32px 8vw 16px;background:transparent;border-bottom:1.5px solid #23262F;z-index:2;position:relative}.landing-logo{height:54px;filter:drop-shadow(0 2px 12px #FFD60055);transition:transform .3s}.landing-logo:hover{transform:scale(1.08) rotate(-4deg)}.landing-nav a{color:#ffd600;font-weight:700;margin-left:32px;text-decoration:none;font-size:1.1rem;transition:color .2s,text-shadow .2s;text-shadow:0 2px 8px #181A20}.landing-nav a:hover{color:#00c076;text-shadow:0 2px 16px #00C07655}.landing-main{flex:1;width:100%;max-width:950px;margin:0 auto;padding:32px 8vw 0;z-index:1;position:relative}.hero{text-align:center;margin-bottom:56px;padding:48px 0 32px;background:linear-gradient(90deg,#FFD60022 0%,#00C07622 100%);border-radius:32px;box-shadow:0 4px 32px #ffd60011;animation:fadeIn 1.2s;position:relative;overflow:hidden}.hero h1{font-size:2.8rem;font-weight:900;color:#ffd600;margin-bottom:12px;letter-spacing:1px;text-shadow:0 2px 16px #FFD60033;animation:popIn 1.2s}.hero-illustration{width:120px;margin:0 auto 18px;display:block;animation:floatHero 3s ease-in-out infinite alternate}@keyframes floatHero{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero .cta-btn{background:linear-gradient(90deg,#FFD600 60%,#00C076 100%);color:#181a20;font-weight:900;font-size:1.3rem;border:none;border-radius:16px;padding:18px 48px;margin-top:10px;cursor:pointer;box-shadow:0 4px 24px #ffd60044;transition:background .2s,transform .2s;animation:fadeIn 1.5s,pulseCta 2s infinite alternate}@keyframes pulseCta{0%{box-shadow:0 4px 24px #ffd60044}to{box-shadow:0 8px 32px #00c07655}}.subtitle{color:#00c076;font-size:1.3rem;margin-bottom:24px;text-shadow:0 2px 12px #00C07633}.about,.how,.participate,.security,.faq{margin-bottom:48px;border-radius:28px;background:linear-gradient(90deg,#23262F 60%,#181A20 100%);box-shadow:0 2px 24px #00c07611;padding:40px 32px 32px;animation:fadeIn 1.2s;position:relative;overflow:hidden}.features-list,.participate-steps ol{display:flex;flex-wrap:wrap;gap:32px;margin-top:24px;justify-content:center}.feature-item{background:linear-gradient(135deg,#FFD60022 0%,#00C07622 100%);border-radius:24px;padding:32px 28px;flex:1 1 220px;min-width:220px;box-shadow:0 2px 12px #ffd60022;transition:transform .2s,box-shadow .2s;animation:popIn 1.2s;display:flex;flex-direction:column;align-items:center}.feature-item:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 8px 32px #ffd60044}.feature-icon{width:48px;height:48px;margin-bottom:14px;animation:popIn 1.2s}.security ul,.about ul,.how ol{list-style:none;padding:0}.security li,.about li,.how li{margin-bottom:14px;font-size:1.08rem;position:relative;padding-left:24px}.security li:before,.about li:before,.how li:before{content:"★";color:#ffd600;position:absolute;left:0;font-size:1.1em;top:0;animation:fadeIn 1.5s}.download-options{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}.download-btn,.web-btn{background:linear-gradient(90deg,#FFD600 60%,#00C076 100%);color:#181a20;font-weight:800;border:none;border-radius:16px;padding:16px 36px;font-size:1.2rem;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 2px 12px #ffd60033;animation:fadeIn 1.5s}.download-btn:hover,.web-btn:hover{background:linear-gradient(90deg,#00C076 60%,#FFD600 100%);color:#fff;transform:scale(1.05)}.or{color:#00c076;font-weight:700;font-size:1.1rem;animation:fadeIn 1.5s}.faq-list{margin-top:18px}.faq-item{background:linear-gradient(90deg,#23262F 60%,#181A20 100%);border-radius:18px;padding:22px 24px;margin-bottom:14px;box-shadow:0 2px 12px #ffd60011;transition:box-shadow .2s,transform .2s;animation:fadeIn 1.2s}.faq-item:hover{box-shadow:0 8px 32px #00c07633;transform:scale(1.02)}.faq-item h4{color:#ffd600;margin-bottom:6px}.landing-footer{background:transparent;border-top:1.5px solid #23262F;text-align:center;padding:18px 0 12px;color:#888;font-size:1rem;display:flex;flex-direction:column;gap:6px;z-index:2;position:relative}.landing-footer a{color:#ffd600;text-decoration:none;font-weight:700}.landing-footer a:hover{color:#00c076}.mobile-nav-toggle{display:none;background:none;border:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;z-index:20;margin-left:16px}.mobile-nav-toggle .bar{width:28px;height:4px;background:#FFD600;margin:3px 0;border-radius:2px;transition:.3s}.mobile-nav-toggle.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle.open .bar:nth-child(2){opacity:0}.mobile-nav-toggle.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-nav{transition:right .3s,opacity .3s}.landing-nav.open{position:fixed;top:0;width:70vw;max-width:320px;height:100vh;background:#181A20ee;box-shadow:-2px 0 24px #0008;display:flex;flex-direction:column;align-items:flex-start;padding:80px 32px 32px;z-index:15;gap:24px;font-size:1.2rem;right:0;opacity:1}.landing-nav.open a{margin:0 0 18px;font-size:1.2rem}@media (max-width: 700px){.landing-header,.landing-main{padding-left:4vw;padding-right:4vw}.features-list,.participate-steps ol{flex-direction:column;gap:18px}.about,.how,.participate,.security,.faq{padding:18px 8px 14px}.landing-header{flex-wrap:wrap}.landing-logo{height:40px}.mobile-nav-toggle{display:flex}.landing-nav{display:none;position:static;flex-direction:row;background:none;box-shadow:none;height:auto;padding:0;gap:0;font-size:1rem;opacity:1}.landing-nav.open{display:flex}.landing-nav a{margin:0 0 18px;font-size:1.1rem;width:100%;padding:12px 0;border-bottom:1px solid #23262F}.hero h1{font-size:2rem}.hero .cta-btn{font-size:1.1rem;padding:14px 24px}.feature-item{padding:18px 10px;min-width:0}.faq-item{padding:14px 8px}.landing-footer{font-size:.95rem;padding:12px 0 8px}.about,.how,.participate,.security,.faq{font-size:.98rem}.download-btn,.web-btn{font-size:1rem;padding:12px 18px}.section-divider{height:32px}}@media (max-width: 400px){.hero h1{font-size:1.2rem}.landing-main{padding-left:2vw;padding-right:2vw}.feature-item{padding:10px 2px}.faq-item{padding:8px 2px}.download-btn,.web-btn{font-size:.95rem;padding:8px}}
