@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000e6,#1a1a2ee6 50%,#000000e6);border-top:2px solid #00ffff4d;bottom:0;box-shadow:0 -10px 30px #00ffff1a,inset 0 1px 0 #ffffff1a;left:0;position:fixed;right:0;z-index:1100}.navigation:before{animation:navGlow 3s linear infinite;background:linear-gradient(90deg,#0000,#0ff 25%,#f0f 50%,#ff0 75%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes navGlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.nav-container{justify-content:space-around;margin:0 auto;max-width:400px;padding:12px 0}.nav-container,.nav-item{align-items:center;display:flex;position:relative}.nav-item{border-radius:12px;color:#fff9;flex-direction:column;font-family:Orbitron,monospace;font-weight:600;min-width:55px;overflow:hidden;padding:8px 10px;text-decoration:none;transition:all .3s ease}.nav-item:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-item:hover{background:#00ffff1a;box-shadow:0 5px 20px #00ffff4d,inset 0 1px 0 #ffffff1a;color:#0ff;transform:translateY(-3px)}.nav-item:hover:before{left:100%}.nav-item.active{animation:activeGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#0ff3,#ff00ff1a);border:1px solid #00ffff80;box-shadow:0 0 20px #0ff6,inset 0 1px 0 #fff3;color:#0ff}@keyframes activeGlow{0%{box-shadow:0 0 20px #0ff6,inset 0 1px 0 #fff3}to{box-shadow:0 0 30px #0ff9,inset 0 1px 0 #ffffff4d}}.nav-icon{filter:drop-shadow(0 0 5px currentColor);font-size:18px;margin-bottom:4px;transition:all .3s ease}.nav-item.active .nav-icon{animation:iconPulse 2s ease-in-out infinite alternate;transform:scale(1.3)}@keyframes iconPulse{0%{transform:scale(1.3)}to{transform:scale(1.4)}}.nav-item:hover .nav-icon{filter:drop-shadow(0 0 10px currentColor);transform:scale(1.2)}.nav-label{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;transition:all .3s ease}.nav-item.active .nav-label{font-weight:700;text-shadow:0 0 5px currentColor}@media (max-width:480px){.nav-container{padding:10px 0}.nav-item{min-width:60px;padding:8px 12px}.nav-icon{font-size:20px}.nav-label{font-size:10px}}.nav-item:focus{outline:2px solid #0ff;outline-offset:2px}@media (prefers-color-scheme:dark){.navigation{background:linear-gradient(135deg,#000000f2,#1a1a2ef2 50%,#000000f2)}}.game-link-section{margin-bottom:40px;margin-top:20px;padding:0 20px;width:100%}.game-link-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00ffff1a,#ff00ff0d 50%,#00ffff1a);border:2px solid #00ffff4d;border-radius:15px;box-shadow:0 8px 32px #0ff3,inset 0 1px 0 #ffffff1a;cursor:pointer;display:block;margin:0 auto;max-width:none;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.game-link-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.game-link-card:hover:before{left:100%}.game-link-card:hover{border-color:#00ffff80;box-shadow:0 15px 45px #00ffff4d,inset 0 1px 0 #fff3;transform:translateY(-5px)}.game-link-card:active{transform:translateY(0)}.game-link-header{margin-bottom:16px}.game-link-header,.game-logo{align-items:center;display:flex}.game-logo{background:linear-gradient(145deg,#ff6b35,#ff8e53);border-radius:12px;box-shadow:0 4px 12px #ff6b354d;height:50px;justify-content:center;margin-right:16px;width:50px}.game-logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:30px;object-fit:contain;width:30px}.game-title-section{flex:1 1}.game-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px #0000004d}.game-subtitle{color:#ffffffb3;font-size:14px;margin:0}.game-play-button{align-items:center;animation:pulse 2s ease-in-out infinite;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.game-description{color:#fffc;font-size:14px;line-height:1.5;margin:0;text-align:left}@media (max-width:768px){.game-link-section{margin-bottom:30px;margin-top:15px;padding:0 15px}.game-link-card{border-radius:16px;padding:20px}.game-logo{border-radius:10px;height:45px;margin-right:14px;width:45px}.game-logo-img{height:26px;width:26px}.game-title{font-size:18px}.game-subtitle{font-size:13px}.game-play-button{font-size:18px;height:36px;width:36px}.game-description{font-size:13px}}@media (max-width:480px){.game-link-section{margin-bottom:25px;padding:0 12px}.game-link-card{padding:18px}.game-title{font-size:16px}.game-description,.game-subtitle{font-size:12px}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00ffff1a,#ff00ff0d 50%,#00ffff1a);border:2px solid #00ffff4d;border-radius:20px;box-shadow:0 20px 60px #0ff3,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:420px;overflow:hidden;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal:before{animation:scanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.auth-header{padding:30px 30px 0;position:relative;z-index:2}.auth-tabs{background:#0000004d;border:1px solid #0ff3;border-radius:12px;display:flex;margin-bottom:20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#80ffff;cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#0ff,#f0f);box-shadow:0 4px 15px #00ffff4d,inset 0 1px 0 #fff3;color:#000;text-shadow:none}.tab-btn:hover:not(.active){background:#00ffff1a;color:#0ff}.close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.close-btn:hover{background:#f003;border-color:#ff000080;transform:rotate(90deg)}.auth-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 30px 30px;position:relative;z-index:2}.auth-content::-webkit-scrollbar{width:6px}.auth-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.auth-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0ff,#f0f);border-radius:3px}.auth-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f0f,#0ff)}.auth-title{margin-bottom:30px;text-align:center}.auth-title h2{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:28px;font-weight:900;margin:0 0 10px;text-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d}.auth-title h2,.auth-title p{font-family:Orbitron,monospace}.auth-title p{color:#80ffff;font-size:14px;font-weight:400;margin:0;opacity:.9}.auth-form{margin-bottom:20px}.form-group label{color:#0ff;font-size:14px;font-weight:600;letter-spacing:1px;text-shadow:0 0 5px #00ffff80;text-transform:uppercase}.auth-input,.form-group label{font-family:Orbitron,monospace}.auth-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #00ffff4d;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.auth-input::placeholder{color:#ffffff80;font-family:Orbitron,monospace;font-weight:400}.auth-input:focus{background:#0009;border-color:#0ff;box-shadow:0 0 0 3px #0ff3,0 0 20px #00ffff4d,inset 0 1px 0 #ffffff1a;outline:none}.auth-input:hover{background:#00000080;border-color:#00ffff80}.auth-error{animation:errorShake .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#ff6b6b;font-family:Orbitron,monospace;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px #0000001a,inset 0 1px 0 #fffc;color:#333;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:18px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#0ff;box-shadow:0 8px 25px #0ff3,inset 0 1px 0 #ffffffe6;color:#000;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){box-shadow:0 2px 10px #0000001a,inset 0 1px 0 #fffc;transform:translateY(0)}.auth-submit-btn:disabled{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#ccc;box-shadow:none;color:#999;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{border:2px solid #0000001a;border-left-color:#333;display:inline-block;height:20px;width:20px}.referral-notice{animation:bonusGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#34a85326,#4caf501a);border:1px solid #4caf504d}@keyframes bonusGlow{0%{box-shadow:0 0 10px #4caf5033}to{box-shadow:0 0 20px #4caf5066}}.referral-icon{animation:iconBounce 2s ease-in-out infinite}.referral-notice p:first-of-type{color:#34a853;font-size:14px;font-weight:600}.referral-notice p:last-of-type{color:#ffffffb3;font-size:12px;margin-top:2px}.form-group small{color:#fff9!important;display:block!important;font-family:Orbitron,monospace!important;font-size:12px!important;font-weight:400!important;margin-top:6px!important}.verification-content{margin-top:20px}.verification-instructions{background:#00ffff0d;border:1px solid #0ff3;border-radius:12px;margin:25px 0;padding:20px}.instruction-item{align-items:center;display:flex;font-family:Orbitron,monospace;margin-bottom:15px}.instruction-item:last-child{margin-bottom:0}.instruction-icon{font-size:20px;margin-right:12px;min-width:24px;text-align:center}.instruction-item p{color:#80ffff;font-size:14px;font-weight:400;margin:0}.verification-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.resend-btn{background:linear-gradient(135deg,#ff8000,#fa0)!important;border:2px solid #ff800080!important;color:#000!important}.resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#e07000,#ff9500)!important;border-color:#ff8000cc!important;box-shadow:0 0 20px #ff800066!important}.resend-btn:disabled{background:linear-gradient(135deg,#999,#bbb)!important;border-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.verification-success{padding:30px;text-align:center}.verification-success-icon{animation:successBounce .6s ease-out;color:#00ff80;filter:drop-shadow(0 0 20px #00ff80);font-size:64px;margin-bottom:20px}@keyframes successBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.verification-success-text{color:#00ff80;font-family:Orbitron,monospace;font-size:20px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px #00ff8080}.verification-success-subtitle{color:#80ffff;font-family:Orbitron,monospace;font-size:14px;font-weight:400}@media (max-width:480px){.auth-modal-overlay{padding:15px}.auth-modal{border-radius:15px;max-width:100%}.auth-header{padding:20px 20px 0}.auth-content{padding:0 20px 20px}.auth-title h2{font-size:24px}.auth-title p,.tab-btn{font-size:13px}.tab-btn{padding:10px 16px}.auth-input{font-size:15px;padding:14px 16px}.auth-submit-btn{font-size:15px;padding:16px 20px}.close-btn{font-size:18px;height:35px;right:15px;top:15px;width:35px}}@media (max-width:360px){.auth-modal-overlay{padding:10px}.auth-header{padding:15px 15px 0}.auth-content{padding:0 15px 15px}}.auth-input.error{background:#ff00000d!important;border-color:#ff000080!important}.auth-input.success{background:#00ff000d!important;border-color:#00ff0080!important}.form-feedback{font-family:Orbitron,monospace;font-size:12px;margin-top:5px;transition:all .3s ease}.form-feedback.error{color:#ff6b6b}.form-feedback.success{color:#00ff80}.auth-success{animation:successGlow .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff801a;border:1px solid #00ff804d;border-radius:8px;color:#00ff80;font-family:Orbitron,monospace;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}@keyframes successGlow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-input:focus,.auth-submit-btn:focus,.close-btn:focus,.tab-btn:focus{outline:2px solid #0ff;outline-offset:2px}.referral-notice{align-items:center;animation:referralPulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a,#ffa5000d 50%,#ffd7001a);border:2px solid #ffd7004d;border-radius:12px;display:flex;gap:12px;margin-top:20px;padding:16px}.referral-icon{flex-shrink:0;font-size:24px}.referral-notice p{color:gold;font-family:Orbitron,monospace;font-size:14px;line-height:1.4;margin:0}.referral-notice p:first-child{font-weight:600;margin-bottom:4px}.referrer-stats{color:#00ff80!important;font-size:12px!important;font-weight:500;margin-top:5px}@keyframes referralPulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}.auth-divider{align-items:center;color:#ffffff80;display:flex;font-family:Orbitron,monospace;font-size:14px;margin:24px 0}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#00ffff4d 50%,#0000);content:"";flex:1 1;height:1px}.auth-divider span{color:#00ffffb3;letter-spacing:1px;padding:0 16px;text-transform:uppercase}.google-login-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #fff3;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:14px;font-weight:600;gap:12px;justify-content:center;letter-spacing:.5px;margin-bottom:16px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s ease;width:100%}.google-login-btn:hover:not(:disabled){background:#fff;border-color:#4285f480;box-shadow:0 8px 25px #4285f433,0 0 20px #ffffff4d;transform:translateY(-2px)}.google-login-btn:active:not(:disabled){box-shadow:0 4px 15px #4285f41a,0 0 10px #fff3;transform:translateY(0)}.google-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-icon{flex-shrink:0;height:20px;width:20px}.google-login-btn:disabled .google-icon{animation:spin 1s linear infinite}@media (prefers-color-scheme:dark){.auth-submit-btn{background:linear-gradient(135deg,#fff,#f5f5f5);color:#1a1a1a}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:#000}.google-login-btn{background:#fffffff2;color:#1a1a1a}.google-login-btn:hover:not(:disabled){background:#fff}}.referral-info{animation:referralGlow 2s ease-in-out infinite alternate;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:12px;margin:20px 0;padding:20px;text-align:center}@keyframes referralGlow{0%{box-shadow:0 0 10px #00ffff4d}to{box-shadow:0 0 20px #00ffff80}}.referral-info h4{color:#0ff;font-family:Orbitron,monospace;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.referral-info p{color:#80ffff;font-size:14px;line-height:1.5;margin:5px 0}.referrer-name{color:#ff0;font-weight:700;text-shadow:0 0 10px #ffff0080}.reward-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff0,#ff8000);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.referral-loading{align-items:center;color:#80ffff;display:flex;font-size:14px;gap:10px;justify-content:center}.referral-loading:before{animation:spin 1s linear infinite;border:2px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;content:"";height:16px;width:16px}.twitter-login-btn{align-items:center;background:#1da1f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;justify-content:center;margin-top:8px;padding:12px 20px;transition:all .2s ease;width:100%}.twitter-login-btn:hover:not(:disabled){background:#1991db;box-shadow:0 4px 12px #1da1f24d;transform:translateY(-1px)}.twitter-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.twitter-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0}.nft-claim-page{background:linear-gradient(180deg,#1a1a2e,#16213e);min-height:100vh;padding-bottom:80px}.claim-hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:auto;max-height:600px;min-height:300px;overflow:hidden;position:relative;width:100%}.claim-banner-image{display:block;height:auto;object-fit:contain;width:100%}.claim-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.claim-header{margin-bottom:3rem;text-align:center}.claim-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.claim-subtitle{color:#a0aec0;font-size:1.2rem;font-weight:500}.claim-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffa5001a;border:2px solid #ffa5004d;border-radius:12px;margin-top:1.5rem;padding:1rem}.notice-dapp{color:#4dd0e1;font-size:1rem;margin:0 0 .5rem}.notice-dapp,.notice-rewards{align-items:center;display:flex;font-weight:600;gap:.5rem;justify-content:center}.notice-rewards{color:#ffa726;font-size:.95rem;margin:0}.claim-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.section-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.step-container{display:flex;flex-direction:column;gap:2rem}.claim-step{align-items:flex-start;display:flex;gap:1.5rem}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea66;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:50px;justify-content:center;width:50px}.step-content{flex:1 1}.step-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.step-description{color:#cbd5e0;line-height:1.6;margin-bottom:1rem}.step-note{background:#667eea1a;border-left:3px solid #667eea;border-radius:4px;color:#a0aec0;font-size:.9rem;padding:.75rem 1rem}.step-note strong{color:#667eea}.step-highlight{background:#764ba21a;border-radius:8px;color:#e9d5ff;font-size:.95rem;line-height:1.8;padding:1rem}.reward-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.reward-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.reward-structure{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.reward-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.reward-card.highlight{background:#667eea1a;border-color:#667eea}.reward-card:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-5px)}.reward-icon{font-size:3rem;margin-bottom:1rem}.reward-card h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.reward-amount{color:#667eea;font-size:1.5rem;font-weight:800;line-height:1.2;margin:.5rem 0;word-break:break-word}.reward-card p{color:#a0aec0;font-size:.9rem}.reward-examples{background:#0003;border-radius:12px;padding:1.5rem}.reward-examples h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.example-grid{grid-gap:.75rem;display:grid;gap:.75rem}.example-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.example-item:hover{background:#ffffff1a;transform:translateX(5px)}.example-item.highlight{background:#667eea33;border:2px solid #667eea}.example-nft{color:#cbd5e0;flex:1 1;font-weight:600}.example-arrow{color:#667eea;font-size:1.2rem;margin:0 1rem}.example-reward{color:#48bb78;flex:1 1;font-size:1.1rem;font-weight:700;text-align:right}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.info-icon{font-size:2.5rem;margin-bottom:1rem}.info-card h3{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#cbd5e0;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-card li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.mobile-guide{background:#667eea1a;border:2px solid #667eea}.mobile-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.mobile-step{align-items:flex-start;background:#0003;border-radius:8px;display:flex;gap:1rem;padding:1rem}.mobile-step-icon{flex-shrink:0;font-size:1.5rem}.mobile-step-content strong{color:#fff;display:block;font-size:1.05rem;margin-bottom:.25rem}.mobile-step-content p{color:#cbd5e0;font-size:.9rem;margin:0}.mobile-warning{background:#f565651a;border:2px solid #f56565;border-radius:8px;color:#fed7d7;padding:1rem}.mobile-warning strong{color:#fc8181}.claim-cta{padding:3rem 1rem;text-align:center}.btn-claim-now{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.btn-claim-now:hover{box-shadow:0 15px 40px #667eea99;transform:translateY(-3px)}.btn-claim-now:active{transform:translateY(-1px)}.cta-note{color:#a0aec0;font-size:.9rem;margin-top:1rem}.faq-section{background:#0003}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.faq-item summary{color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:1.25rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.faq-item summary:hover{background:#ffffff0d;color:#667eea}.faq-item p{color:#cbd5e0;line-height:1.6;padding:0 1.25rem 1.25rem}.faq-item[open] summary{background:#667eea1a;border-bottom:1px solid #ffffff1a;color:#667eea}.security-warning{align-items:flex-start;background:#f565651a;border:2px solid #f56565;border-radius:12px;display:flex;gap:1.5rem;margin-top:2rem;padding:1.5rem}.warning-icon{flex-shrink:0;font-size:3rem}.warning-content h3{color:#fc8181;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.warning-content p{color:#fed7d7;line-height:1.6}.warning-content strong{color:#fff}@media (max-width:768px){.claim-title{font-size:2rem}.claim-subtitle{font-size:1rem}.claim-notice{margin-top:1rem;padding:.75rem}.notice-dapp{font-size:.9rem}.notice-rewards{font-size:.85rem}.section-title{font-size:1.5rem}.claim-step{flex-direction:column;gap:1rem}.step-number{font-size:1.2rem;height:40px;width:40px}.info-grid,.reward-structure{grid-template-columns:1fr}.btn-claim-now{font-size:1.1rem;padding:.875rem 2rem;width:100%}.security-warning{flex-direction:column;text-align:center}.claim-hero-banner{max-height:250px}}.board-page{color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:100px 20px 20px}.board-header{margin-bottom:40px;text-align:center}.board-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 0 20px #00ffff4d}.board-subtitle{color:#aaa;font-size:1.1rem;margin-bottom:0}.admin-badge{animation:adminGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,gold,#fa0);border-radius:20px;box-shadow:0 0 15px #ffd70066;color:#000;display:inline-block;font-size:.9rem;font-weight:600;margin-top:15px;padding:8px 16px}@keyframes adminGlow{0%{box-shadow:0 0 15px #ffd70066}to{box-shadow:0 0 25px #ffd70099}}.admin-access-badge{background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:12px;color:#000;font-size:.8rem;font-weight:600;margin-left:10px;padding:4px 8px}.admin-info{background:#ff6b6b33;border-radius:8px;color:#ff6b6b;font-size:.85rem;padding:2px 6px}.admin-actions{border-top:2px solid #ffffff1a;display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:15px}.admin-notice{background:linear-gradient(45deg,#4caf50,#45a049);border-radius:10px;box-shadow:0 2px 10px #4caf504d;color:#fff;font-weight:600;padding:12px 20px;text-align:center}.password-notice{background:#ffffff0d;border-left:3px solid #0ff;border-radius:8px;color:#aaa;display:block;font-size:.9rem;margin-top:8px;padding:8px 12px;text-align:center}.loading-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-overlay .loading{color:#fff;text-align:center}.loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#0ff;border-radius:50%;height:50px;margin:0 auto 20px;width:50px}.post-detail-container{margin:0 auto;max-width:800px}.post-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.back-btn{background:#ffffff1a;border:2px solid #00ffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#00ffff1a;border-color:#0ff;transform:translateY(-2px)}.admin-badge.small{font-size:.8rem;padding:6px 12px}.post-detail-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:30px;padding:30px}.post-detail-title{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.4;margin:15px 0}.post-content-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:30px;overflow:hidden}.content-locked{color:#aaa;padding:60px 30px;text-align:center}.lock-icon{font-size:3rem;margin-bottom:20px}.view-content-btn{background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:25px;color:#000;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.view-content-btn:hover{box-shadow:0 10px 25px #00ffff4d;transform:translateY(-2px)}.admin-access-notice{background:linear-gradient(45deg,#4caf50,#45a049);border-radius:8px;color:#fff;font-weight:600;margin-top:20px;padding:15px;text-align:center}.admin-actions-inline{display:flex;gap:10px;justify-content:center;margin-top:15px}.delete-post-btn{background:linear-gradient(45deg,#f44336,#d32f2f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.delete-post-btn:hover{box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.post-actions{border-top:2px solid #ffffff1a;margin-top:20px;padding-top:15px;text-align:center}.comments-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:30px}.comments-header{margin-bottom:30px;text-align:center}.comments-header h3{color:#fff;font-size:1.3rem;margin-bottom:5px}.comments-notice{background:#00ffff1a;border-radius:15px;color:#aaa;display:inline-block;font-size:.9rem;padding:8px 12px}.comment-write{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:20px}.comment-author{align-items:center;color:#fff;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.admin-tag{background:linear-gradient(45deg,gold,#fa0);border-radius:10px;color:#000;font-size:.7rem;font-weight:600;padding:2px 6px}.comment-write textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-write textarea:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff4d;outline:none}.comment-actions{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.submit-comment-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.submit-comment-btn:hover:not(:disabled){box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.6}.login-required{background:#ffffff08;border-radius:12px;color:#aaa;margin-bottom:30px;padding:30px;text-align:center}.comments-list{space-y:20px}.comment-item{background:#ffffff08;border-left:3px solid #00ffff4d;border-radius:12px;margin-bottom:15px;padding:20px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.comment-date{color:#aaa;font-size:.85rem}.comment-content{word-wrap:break-word;color:#fff;line-height:1.5}.no-comments{color:#aaa;padding:40px;text-align:center}.error-message{color:#fff;padding:100px 20px;text-align:center}.error-message h2{color:#ff6b6b;margin-bottom:20px}.board-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #00ffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.filter-btn:hover{background:#0ff3;border-color:#0ff;box-shadow:0 8px 25px #00ffff4d;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,#0ff,#f0f);border-color:#0000;box-shadow:0 8px 25px #0ff6;color:#000;font-weight:700}.board-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.write-btn{background:linear-gradient(45deg,#ff6b6b,orange);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.write-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.write-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-notice{color:#aaa;font-size:14px;margin:0}.posts-container{min-height:400px}.loading{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:40px;margin-bottom:20px;width:40px}.no-posts{color:#aaa;padding:60px 20px;text-align:center}.no-posts p{font-size:1.2rem;margin-bottom:10px}.posts-list{display:flex;flex-direction:column;gap:15px}.post-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #0ff3;border-radius:15px;cursor:pointer;padding:20px;transition:all .3s ease}.post-item:hover{background:#ffffff1a;border-color:#0ff;box-shadow:0 8px 25px #0ff3;transform:translateY(-2px)}.post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.post-type{background:#ffffff1a;border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.post-date{color:#aaa;font-size:12px}.post-title{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:12px}.post-meta{color:#aaa;display:flex;font-size:12px;gap:20px}.post-meta span{gap:4px}.modal-overlay,.post-meta span{align-items:center;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.post-modal,.write-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00ffff4d;border-radius:20px;box-shadow:0 20px 60px #00ffff4d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;padding:25px}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.post-type-header{color:#0ff;font-size:1.2rem;font-weight:600}.close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:24px;line-height:1;padding:5px;transition:color .3s ease}.close-btn:hover{color:#fff}.modal-content{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #00ffff4d;border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#0ff;box-shadow:0 0 15px #00ffff4d;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-group small{color:#aaa;display:block;font-size:12px;margin-top:5px}.modal-actions{border-top:1px solid #0ff3;display:flex;gap:15px;justify-content:flex-end;padding:25px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.cancel-btn:hover{background:#fff3}.submit-btn{background:linear-gradient(45deg,#0ff,#f0f);color:#000;font-weight:600}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #0ff6;transform:translateY(-2px)}.submit-btn:disabled{background:#80808080;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.post-modal .post-title{color:#fff;font-size:1.5rem;margin-bottom:15px}.post-info{border-bottom:1px solid #ffffff1a;color:#aaa;display:flex;font-size:14px;gap:20px;margin-bottom:25px;padding-bottom:15px}.post-content{color:#fff;line-height:1.6}.post-content p{margin-bottom:15px}@media (max-width:768px){.board-page{padding:15px}.board-title{font-size:2rem}.board-filters{gap:10px}.filter-btn{font-size:12px;padding:10px 18px}.board-actions{flex-direction:column;gap:15px;text-align:center}.write-btn{font-size:14px;padding:12px 24px}.post-item{padding:15px}.post-header{align-items:flex-start;flex-direction:column;gap:8px}.post-meta{gap:15px}.post-modal,.write-modal{max-height:95vh;width:95%}.modal-actions,.modal-content,.modal-header{padding:20px}.post-info{flex-direction:column;gap:8px}}.mission-info{align-items:center}.mission-description,.mission-info,.mission-steps,.mission-title,.step{text-align:center}.mission-item{align-items:flex-start;background:#ffffff1a;border:1px solid #fff3;gap:15px;padding:15px}.mission-item:hover{background:#ffffff26}.mission-item.official-mission{background:linear-gradient(135deg,#3498db33,#9b59b633);border:1px solid #3498db66}.mission-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mission-info{display:flex;flex-direction:column;gap:8px}.mission-description{color:#fffc;line-height:1.5}.mission-steps{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.step{color:#ffffffe6;font-size:13px;padding:2px 0}.mission-reward{background:#f39c121a;border-radius:8px;color:#f39c12;display:inline-block;font-size:13px;padding:6px 10px}.mission-status{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mission-status.clickable{background:#ffffff1a;border-radius:50%;cursor:pointer;transition:all .3s ease}.mission-status.clickable:hover{background:#fff3;transform:scale(1.1)}.mission-status.pending{color:#f39c12}@media (max-width:768px){.mission-item{gap:12px;padding:12px}.mission-icon{font-size:20px;height:35px;width:35px}.mission-title{font-size:15px}.mission-description{font-size:13px}.mission-reward,.step{font-size:12px}}.App:before{animation:starTwinkle 12s ease-in-out infinite;background-image:radial-gradient(circle at 2% 5%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 8% 12%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 15% 7%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 22% 18%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 28% 9%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 35% 22%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 42% 6%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 48% 16%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 55% 11%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 62% 20%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 68% 8%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 75% 19%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 82% 13%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 88% 5%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 95% 17%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 3% 28%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 12% 35%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 19% 42%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 26% 38%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 33% 45%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 39% 32%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 46% 48%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 53% 35%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 59% 51%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 66% 38%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 73% 55%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 79% 42%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 86% 58%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 92% 45%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 98% 52%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 6% 62%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 14% 58%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 21% 65%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 27% 52%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 34% 68%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 41% 55%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 47% 72%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 54% 58%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 61% 75%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 67% 62%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 74% 78%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 81% 65%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 87% 82%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 94% 68%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 1% 85%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 9% 72%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 16% 88%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 23% 75%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 30% 92%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 37% 78%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 44% 95%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 51% 82%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 58% 98%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 64% 85%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 71% 92%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 78% 88%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 84% 95%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 91% 82%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 97% 98%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 4% 15%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 11% 25%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 17% 32%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 24% 28%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 31% 15%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 38% 25%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 45% 35%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 52% 28%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 58% 18%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 65% 32%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 72% 25%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 78% 35%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 85% 28%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 91% 15%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 98% 35%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 7% 48%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 13% 55%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 20% 48%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 26% 62%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 33% 55%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 40% 48%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 46% 65%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 53% 42%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 59% 58%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 66% 45%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 72% 62%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 79% 48%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 85% 65%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 92% 55%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 98% 48%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 4% 75%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 10% 88%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 17% 82%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 24% 95%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 31% 88%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 38% 75%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 45% 82%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 52% 95%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 58% 88%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 65% 75%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 72% 82%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 78% 95%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 85% 88%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 91% 75%,#ffffff4d 0,#0000 .4px),radial-gradient(circle at 98% 82%,#ffffff40 0,#0000 .3px),radial-gradient(circle at 12% 8%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 25% 15%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 38% 22%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 52% 12%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 65% 18%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 78% 25%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 88% 8%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 15% 45%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 32% 52%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 48% 38%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 62% 55%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 75% 42%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 92% 48%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 8% 75%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 22% 88%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 35% 82%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 55% 78%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 68% 92%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 82% 85%,#ffd70099 0,#0000 .8px),radial-gradient(circle at 95% 78%,#ffd70080 0,#0000 .6px),radial-gradient(circle at 1% 3%,#fff3 0,#0000 .3px),radial-gradient(circle at 3% 8%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 7% 2%,#fff3 0,#0000 .3px),radial-gradient(circle at 11% 14%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 14% 6%,#fff3 0,#0000 .3px),radial-gradient(circle at 18% 19%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 21% 4%,#fff3 0,#0000 .3px),radial-gradient(circle at 26% 23%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 29% 10%,#fff3 0,#0000 .3px),radial-gradient(circle at 34% 17%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 37% 1%,#fff3 0,#0000 .3px),radial-gradient(circle at 41% 26%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 44% 13%,#fff3 0,#0000 .3px),radial-gradient(circle at 49% 21%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 52% 5%,#fff3 0,#0000 .3px),radial-gradient(circle at 56% 24%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 61% 15%,#fff3 0,#0000 .3px),radial-gradient(circle at 64% 3%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 69% 29%,#fff3 0,#0000 .3px),radial-gradient(circle at 73% 18%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 76% 7%,#fff3 0,#0000 .3px),radial-gradient(circle at 81% 31%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 84% 12%,#fff3 0,#0000 .3px),radial-gradient(circle at 89% 27%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 92% 9%,#fff3 0,#0000 .3px),radial-gradient(circle at 96% 22%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 99% 16%,#fff3 0,#0000 .3px),radial-gradient(circle at 2% 37%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 6% 44%,#fff3 0,#0000 .3px),radial-gradient(circle at 9% 33%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 13% 49%,#fff3 0,#0000 .3px),radial-gradient(circle at 16% 41%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 22% 54%,#fff3 0,#0000 .3px),radial-gradient(circle at 25% 36%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 31% 59%,#fff3 0,#0000 .3px),radial-gradient(circle at 35% 47%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 39% 31%,#fff3 0,#0000 .3px),radial-gradient(circle at 43% 56%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 47% 39%,#fff3 0,#0000 .3px),radial-gradient(circle at 51% 53%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 57% 34%,#fff3 0,#0000 .3px),radial-gradient(circle at 63% 49%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 67% 57%,#fff3 0,#0000 .3px),radial-gradient(circle at 71% 43%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 77% 51%,#fff3 0,#0000 .3px),radial-gradient(circle at 83% 37%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 87% 59%,#fff3 0,#0000 .3px),radial-gradient(circle at 91% 46%,#ffffff26 0,#0000 .25px),radial-gradient(circle at 95% 33%,#fff3 0,#0000 .3px),radial-gradient(circle at 99% 54%,#ffffff26 0,#0000 .25px),radial-gradient(circle at .5% 1%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 2.5% 4%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 4.5% 7%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 6.5% 10%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 8.5% 13%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 10.5% 16%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 12.5% 19%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 14.5% 22%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 16.5% 25%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 18.5% 28%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 20.5% 31%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 22.5% 34%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 24.5% 37%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 26.5% 40%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 28.5% 43%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 30.5% 46%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 32.5% 49%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 34.5% 52%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 36.5% 55%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 38.5% 58%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 40.5% 61%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 42.5% 64%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 44.5% 67%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 46.5% 70%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 48.5% 73%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 50.5% 76%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 52.5% 79%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 54.5% 82%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 56.5% 85%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 58.5% 88%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 60.5% 91%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 62.5% 94%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 64.5% 97%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 66.5% 1%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 68.5% 4%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 70.5% 7%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 72.5% 10%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 74.5% 13%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 76.5% 16%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 78.5% 19%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 80.5% 22%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 82.5% 25%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 84.5% 28%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 86.5% 31%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 88.5% 34%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 90.5% 37%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 92.5% 40%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 94.5% 43%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 96.5% 46%,#ffffff2e 0,#0000 .2px),radial-gradient(circle at 98.5% 49%,#ffffff1f 0,#0000 .15px),radial-gradient(circle at 1.2% 2.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 3.4% 5.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 5.8% 8.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 7.6% 10.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 9.4% 13.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 11.8% 15.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 13.2% 18.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 15.6% 20.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 17.4% 23.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 19.8% 25.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 21.2% 28.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 23.6% 30.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 25.4% 33.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 27.8% 35.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 29.2% 38.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 31.6% 40.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 33.4% 43.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 35.8% 45.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 37.2% 48.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 39.6% 50.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 41.4% 53.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 43.8% 55.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 45.2% 58.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 47.6% 60.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 49.4% 63.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 51.8% 65.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 53.2% 68.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 55.6% 70.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 57.4% 73.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 59.8% 75.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 61.2% 78.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 63.6% 80.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 65.4% 83.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 67.8% 85.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 69.2% 88.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 71.6% 90.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 73.4% 93.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 75.8% 95.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 77.2% 98.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 79.6% 1.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 81.4% 4.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 83.8% 6.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 85.2% 9.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 87.6% 11.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 89.4% 14.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 91.8% 16.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 93.2% 19.4%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 95.6% 21.8%,#ffffff14 0,#0000 .1px),radial-gradient(circle at 97.4% 24.2%,#ffffff1a 0,#0000 .12px),radial-gradient(circle at 99.8% 26.6%,#ffffff14 0,#0000 .1px),radial-gradient(circle at .3% .6%,#ffffff0f 0,#0000 .08px),radial-gradient(circle at 1.7% 2.3%,#ffffff0d 0,#0000 .06px),radial-gradient(circle at 2.9% 3.8%,#ffffff0f 0,#0000 .08px),radial-gradient(circle at 4.1% 5.2%,#ffffff0d 0,#0000 .06px),radial-gradient(circle at 5.5% 6.7%,#ffffff0f 0,#0000 .08px),radial-gradient(circle at 6.8% 8.1%,#ffffff0d 0,#0000 .06px),radial-gradient(circle at 8.2% 9.6%,#ffffff0f 0,#0000 .08px),radial-gradient(circle at 9.5% 11.1%,#ffffff0d 0,#0000 .06px),radial-gradient(circle at 10.9% 12.5%,#ffffff0f 0,#0000 .08px),radial-gradient(circle at 12.2% 14%,#ffffff0d 0,#0000 .06px);background-size:3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,3px 3px,2px 2px,4px 4px,2px 2px,6px 6px,5px 5px,7px 7px,5px 5px,6px 6px,5px 5px,7px 7px,5px 5px,6px 6px,5px 5px,7px 7px,5px 5px,6px 6px,5px 5px,7px 7px,5px 5px,6px 6px,5px 5px,7px 7px,5px 5px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,2px 2px,1px 1px,1px 1px,1px 1px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,1px 1px,.6px .6px,.8px .8px,.6px .6px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.6px .6px,.4px .4px,.5px .5px,.4px .4px,.3px .3px,.25px .25px,.35px .35px,.25px .25px,.3px .3px,.25px .25px,.35px .35px,.25px .25px,.3px .3px,.25px .25px;height:67%;z-index:-2}.App:after{background:radial-gradient(ellipse 400px 800px at 0 100%,#000 0,#000000f2 70%,#0000 90%),radial-gradient(ellipse 500px 1000px at 10% 100%,#000 0,#000000fa 75%,#0000 95%),radial-gradient(ellipse 350px 700px at 20% 100%,#000 0,#000000f2 70%,#0000 90%),radial-gradient(ellipse 600px 1200px at 35% 100%,#000 0,#000000fa 80%,#0000 95%),radial-gradient(ellipse 450px 900px at 50% 100%,#000 0,#000000f2 75%,#0000 90%),radial-gradient(ellipse 380px 760px at 65% 100%,#000 0,#000000f2 70%,#0000 90%),radial-gradient(ellipse 520px 1040px at 80% 100%,#000 0,#000000fa 75%,#0000 95%),radial-gradient(ellipse 420px 840px at 95% 100%,#000 0,#000000f2 70%,#0000 90%),radial-gradient(ellipse 250px 400px at 5% 90%,#000000fa 0,#000c 60%,#0000 80%),radial-gradient(ellipse 300px 500px at 25% 85%,#000000fa 0,#000c 60%,#0000 80%),radial-gradient(ellipse 280px 450px at 45% 90%,#000000fa 0,#000c 60%,#0000 80%),radial-gradient(ellipse 320px 520px at 65% 85%,#000000fa 0,#000c 60%,#0000 80%),radial-gradient(ellipse 270px 430px at 85% 90%,#000000fa 0,#000c 60%,#0000 80%),radial-gradient(ellipse 150px 200px at 3% 95%,#000000e6 0,#00000080 40%,#0000 70%),radial-gradient(ellipse 180px 240px at 15% 97%,#000000e6 0,#00000080 40%,#0000 70%),radial-gradient(ellipse 120px 160px at 30% 96%,#000000e6 0,#00000080 40%,#0000 70%),radial-gradient(ellipse 200px 280px at 50% 98%,#000000e6 0,#00000080 40%,#0000 70%),radial-gradient(ellipse 160px 220px at 70% 97%,#000000e6 0,#00000080 40%,#0000 70%),radial-gradient(ellipse 140px 180px at 85% 96%,#000000e6 0,#00000080 40%,#0000 70%),radial-gradient(ellipse 190px 250px at 98% 98%,#000000e6 0,#00000080 40%,#0000 70%),linear-gradient(0deg,#000 0,#000 20%,#000000e6 60%,#0006 85%,#0000);background-repeat:no-repeat;bottom:0;height:45%;z-index:1000}@keyframes starTwinkle{0%,to{opacity:.8;transform:translateY(0)}25%{opacity:1;transform:translateY(-5px)}50%{opacity:.6;transform:translateY(0)}75%{opacity:.9;transform:translateY(-3px)}}.App{animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#0a0a0a);background-size:400% 400%;font-family:Orbitron,monospace;min-height:100vh;overflow-x:hidden;padding-bottom:80px;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.page{padding:20px}.page-header{margin-bottom:30px;position:relative;text-align:center}.page-title{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:28px;font-weight:900;margin:0;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff}@keyframes textGlow{0%{background-position:0 50%;filter:brightness(1)}to{background-position:100% 50%;filter:brightness(1.2)}}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00ffff1a,#ff00ff0d 50%,#00ffff1a);background-clip:padding-box;border:2px solid #0000;border-radius:15px;box-shadow:0 8px 32px #0ff3,inset 0 1px 0 #ffffff1a;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.card:before{animation:scanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes scanLine{0%{left:-100%}to{left:100%}}.card:hover{border:2px solid #00ffff80;box-shadow:0 15px 45px #00ffff4d,inset 0 1px 0 #fff3;transform:translateY(-5px)}.btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:500;letter-spacing:0;margin-bottom:15px;padding:16px 24px;text-transform:none;transition:all .2s ease;width:100%}.btn:hover:not(:disabled){background:#f8f9fa;border-color:#d0d0d0;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn:disabled{background:#f5f5f5;border-color:#e0e0e0;box-shadow:none;color:#999;cursor:not-allowed;opacity:.5;transform:none}.btn-mining{align-items:center;background:#fff;border:1px solid #4caf50;box-shadow:0 3px 6px #0000001a;color:#2e7d32;display:flex;font-size:18px;justify-content:center;padding:20px 24px}.btn-mining:hover:not(:disabled){background:#f1f8e9;border-color:#388e3c;box-shadow:0 4px 12px #00000026}.btn-mining.ready{animation:none;background:#e8f5e8}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px}.stat-item{background:linear-gradient(135deg,#00ffff26,#ff00ff1a);border:1px solid #00ffff4d;border-radius:12px;overflow:hidden;padding:20px 15px;position:relative;text-align:center;transition:all .3s ease}.stat-item:before{animation:rotate 3s linear infinite;background:conic-gradient(#0000,#00ffff1a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.stat-item:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-value{color:#0ff;font-size:28px;font-weight:900;text-shadow:0 0 10px #0ff,0 0 20px #0ff}.stat-label,.stat-value{position:relative;z-index:1}.stat-label{color:#80ffff;margin-top:8px;opacity:.9}.timer-container{background:linear-gradient(135deg,#ff00801a,#8000ff1a);border:1px solid #ff00804d;border-radius:15px;margin:25px 0;padding:20px;position:relative}.timer{color:#ff0080;font-family:Orbitron,monospace;font-size:32px;font-weight:900;letter-spacing:2px;margin:15px 0;text-align:center;text-shadow:0 0 10px #ff0080,0 0 20px #ff0080,0 0 30px #ff0080}.circular-progress{height:200px;margin:20px auto;position:relative;width:200px}.progress-ring{height:100%;transform:rotate(-90deg);width:100%}.progress-ring__circle{stroke:#0ff3;stroke-width:8;fill:#0000;r:90;cx:100;cy:100}.progress-ring__circle.progress{stroke:url(#progressGradient);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 10px #00ffff);transition:stroke-dashoffset 1s ease}.progress-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-time{color:#0ff;font-family:Orbitron,monospace;font-size:18px;font-weight:700;text-shadow:0 0 10px #0ff}.progress-label{color:#80ffff;font-size:12px;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.circular-timer-container{align-items:center;display:flex;height:280px;justify-content:center;margin:30px auto;position:relative;width:280px}.circular-timer{height:100%;left:0;position:absolute;top:0;transform:scale(1);transition:transform .3s ease;width:100%}.circular-timer-container:hover .circular-timer{transform:scale(1.05)}.timer-center-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:180px;z-index:2}.timer-countdown{animation:countdownPulse 2s ease-in-out infinite alternate;color:#0ff;font-family:Orbitron,monospace;font-size:32px;font-weight:900;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff}@keyframes countdownPulse{0%{text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff}to{text-shadow:0 0 15px #0ff,0 0 30px #0ff,0 0 45px #0ff}}.timer-status{font-family:Orbitron,monospace;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.timer-status.ready{animation:readyPulse 1.5s ease-in-out infinite alternate;color:#00ff80;font-size:18px;text-shadow:0 0 10px #00ff80,0 0 20px #00ff80}.timer-status.waiting{color:#ff8000;text-shadow:0 0 5px #ff8000,0 0 10px #ff8000}@keyframes readyPulse{0%{text-shadow:0 0 10px #00ff80,0 0 20px #00ff80;transform:scale(1)}to{text-shadow:0 0 15px #00ff80,0 0 30px #00ff80,0 0 45px #00ff80;transform:scale(1.1)}}.timer-action{animation:actionBlink 2s ease-in-out infinite;color:#80ff80;font-family:Orbitron,monospace;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}@keyframes actionBlink{0%,50%{opacity:1}51%,to{opacity:.5}}.timer-icon{animation:iconBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 10px #00ff80);font-size:28px}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.timer-progress-text{color:#606060;font-family:Orbitron,monospace;font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:5px;text-transform:uppercase}.timer-outer-glow{animation:outerGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle,#00ffff1a 0,#ff00ff0d 50%,#0000 70%);border-radius:50%;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}@keyframes outerGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.btn-small{font-family:Orbitron,monospace;font-size:14px;font-weight:500;letter-spacing:0;margin:0;padding:12px 20px;text-transform:none}.btn-edit{background:#fff;border:1px solid #1976d2;box-shadow:0 2px 4px #0000001a;color:#1976d2}.btn-edit:hover{background:#e3f2fd;border-color:#1565c0}.btn-cancel{background:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;color:#666}.btn-cancel:hover{background:#f5f5f5;border-color:#999}.btn-danger{background:#fff;border:1px solid #d32f2f;box-shadow:0 2px 4px #0000001a;color:#d32f2f}.btn-danger:hover{background:#ffebee;border-color:#c62828}.card-title{color:#0ff;font-family:Orbitron,monospace;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #00ffff80;text-transform:uppercase}.mining-status-container{margin-top:20px;text-align:center}.mining-ready-text{animation:readyPulse 2s ease-in-out infinite alternate;color:#00ff80;font-family:Orbitron,monospace;font-size:18px;font-weight:700;margin:0 0 10px;text-shadow:0 0 10px #00ff8080}.mining-instruction{color:#80ffff;font-family:Orbitron,monospace;font-size:14px;font-weight:400;margin:0 0 15px}.mining-waiting-text{color:#ff8000;font-family:Orbitron,monospace;font-size:16px;font-weight:600;margin:0;text-shadow:0 0 5px #ff800080}.booster-notice{animation:bonusGlow 2s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#00ff8033,#0ff3);border:1px solid #00ff8080;border-radius:10px;margin-top:15px;padding:12px}.booster-text{color:#00ff80;font-family:Orbitron,monospace;font-size:14px;font-weight:700;margin:0;text-shadow:0 0 5px #00ff8080}.auth-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#00ff801a,#00ffff1a);border:1px solid #00ff804d;border-radius:12px;margin-top:25px;overflow:hidden;padding:20px;position:relative;text-align:center}.auth-prompt:before{animation:scanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#00ff801a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.auth-prompt-text{color:#00ff80;font-family:Orbitron,monospace;font-size:16px;font-weight:600;margin:0 0 15px;position:relative;text-shadow:0 0 5px #00ff8080;z-index:1}.auth-prompt-btn{background:linear-gradient(45deg,#00ff80,#0ff)!important;border:2px solid #00ff8080!important;color:#000!important;font-weight:700!important;letter-spacing:1px;position:relative;text-shadow:none!important;text-transform:uppercase;z-index:1}.auth-prompt-btn:hover{background:linear-gradient(45deg,#00e070,#00e0e0)!important;border-color:#00ff80cc!important;box-shadow:0 0 20px #00ff8066!important}.stat-item.highlight{animation:highlightGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#00ff8033,#00ffff26);border-color:#00ff8099}@keyframes highlightGlow{0%{box-shadow:0 0 15px #00ff804d}to{box-shadow:0 0 25px #00ff8080}}.loading-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#0a0a0a);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{color:#0ff;font-family:Orbitron,monospace;text-align:center}.loading-icon{animation:loadingPulse 1.5s ease-in-out infinite alternate;font-size:48px;margin-bottom:20px}@keyframes loadingPulse{0%{filter:drop-shadow(0 0 10px #00ffff);transform:scale(1)}to{filter:drop-shadow(0 0 20px #00ffff);transform:scale(1.2)}}.loading-text{animation:textGlow 2s ease-in-out infinite alternate;font-size:18px;font-weight:600;text-shadow:0 0 10px #00ffff80}.connection-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;font-family:Orbitron,monospace;font-size:12px;font-weight:600;padding:8px 12px;position:fixed;right:10px;top:10px;transition:all .3s ease;z-index:950}.connection-status.online{background:#00ff001a;border-color:#00ff004d;color:#0f0}.connection-status.offline{animation:offlineBlink 2s ease-in-out infinite;background:#ffa5001a;border-color:#ffa5004d;color:orange}@keyframes offlineBlink{0%,50%{opacity:1}51%,to{opacity:.6}}.login-status{animation:statusGlow 2s ease-in-out infinite alternate;background:#00ff8033;border:1px solid #00ff8066;border-radius:12px;color:#00ff80;display:inline-block;font-family:Orbitron,monospace;font-size:12px;font-weight:600;margin-left:10px;padding:4px 8px;text-shadow:0 0 5px #00ff8080}@keyframes statusGlow{0%{box-shadow:0 0 5px #00ff804d}to{box-shadow:0 0 10px #00ff8099}}.user-features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#00ffff0d,#00ff800d);border:1px solid #0ff3;border-radius:12px;margin-top:20px;padding:15px}.feature-item{align-items:center;border-radius:8px;display:flex;margin-bottom:12px;padding:8px;transition:all .3s ease}.feature-item:last-child{margin-bottom:0}.feature-item.verified{background:#00ff801a;border:1px solid #00ff804d}.feature-item.warning{animation:warningPulse 2s ease-in-out infinite;background:#ffa5001a;border:1px solid #ffa5004d}@keyframes warningPulse{0%,to{box-shadow:0 0 5px #ffa5004d}50%{box-shadow:0 0 15px #ffa50099}}.feature-icon{font-size:20px;margin-right:12px;min-width:24px;text-align:center}.feature-info{flex:1 1}.feature-title{color:#0ff;font-family:Orbitron,monospace;font-size:14px;font-weight:600;margin:0 0 2px}.feature-item.verified .feature-title{color:#00ff80}.feature-item.warning .feature-title{color:orange}.feature-desc{color:#ffffffb3;font-family:Orbitron,monospace;font-size:12px;font-weight:400;margin:0}@media (max-width:480px){.page{padding:15px 10px}.stats-grid{gap:15px;grid-template-columns:1fr}.page-title{font-size:24px}.timer{font-size:28px}.circular-timer-container{height:220px;width:220px}.timer-center-content{width:140px}.timer-countdown{font-size:24px}.timer-status.ready{font-size:16px}.timer-icon{font-size:24px}.timer-outer-glow{height:240px;width:240px}}.simple-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #00ffff4d;justify-content:space-between;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:900}.header-logo,.simple-header{align-items:center;display:flex}.header-logo{gap:8px}.header-logo-img{animation:logoSpin 3s linear infinite;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,255,255,.6));height:32px;width:32px}@keyframes logoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-brand{color:#0ff;font-weight:900;text-shadow:0 0 10px #00ffff80}.logo-brand,.logo-name{font-family:Orbitron,monospace;font-size:20px}.logo-name{color:#fff;font-weight:700}.header-links{display:flex;gap:15px}.header-link{border:1px solid #00ffff4d;border-radius:15px;color:#0ff;font-family:Orbitron,monospace;font-size:14px;font-weight:700;padding:8px 12px;text-decoration:none;transition:all .3s ease}.header-link:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}.page{color:#0ff;margin:0 auto;max-width:400px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:80px!important;position:relative;z-index:1}.connection-status{top:60px!important}@media (max-width:480px){.simple-header{padding:10px 15px}.logo-brand,.logo-name{font-size:16px}.header-link{font-size:12px;padding:6px 10px}.page{padding-top:70px!important}.connection-status{top:55px!important}}.reward-animation-overlay{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.reward-burst{height:200px;margin-bottom:20px;position:relative;width:200px}.reward-particle{animation:particleBurst 2s ease-out forwards;animation-delay:var(--delay);font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0);transform-origin:center}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-60px) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-100px) scale(.5)}}.reward-text{animation:rewardTextPop 1s ease-out;text-align:center}.reward-amount{animation:amountGlow 1.5s ease-in-out infinite alternate;color:#00ff80;font-size:48px;font-weight:900;margin-bottom:10px;text-shadow:0 0 20px #00ff80,0 0 40px #00ff80,0 0 60px #00ff80}.reward-amount,.reward-label{font-family:Orbitron,monospace}.reward-label{color:#0ff;font-size:20px;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #0ff;text-transform:uppercase}@keyframes rewardTextPop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes amountGlow{0%{text-shadow:0 0 20px #00ff80,0 0 40px #00ff80,0 0 60px #00ff80}to{text-shadow:0 0 30px #00ff80,0 0 60px #00ff80,0 0 90px #00ff80}}.reward-coins{height:100%;left:0;position:absolute;top:0;width:100%}.floating-coin{animation:coinFloat 3s ease-out forwards;animation-delay:var(--delay);font-size:32px;left:50%;position:absolute;top:60%;transform:translateX(var(--x))}@keyframes coinFloat{0%{opacity:1;transform:translateX(var(--x)) translateY(0) scale(0) rotate(0deg)}50%{opacity:1;transform:translateX(var(--x)) translateY(-150px) scale(1.2) rotate(180deg)}to{opacity:0;transform:translateX(var(--x)) translateY(-300px) scale(.5) rotate(1turn)}}.referral-tip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ffff0d,#ff00ff05 50%,#00ffff0d);border:1px solid #0ff3;border-radius:10px;margin-top:15px;padding:15px}.referral-tip h4{color:#0ff;font-family:Orbitron,monospace;font-size:16px;margin:0 0 10px}.referral-tip p{color:#e0e0e0;font-family:Roboto,sans-serif;font-size:14px;line-height:1.6;margin:0}.referral-info-vertical{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.referral-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:20px}.referral-info-item{display:flex;flex-direction:column}.referral-info-item h4{color:#0ff;margin:0 0 8px;text-transform:uppercase}.referral-code-display,.referral-info-item h4,.referral-link-display{font-family:Orbitron,monospace;font-size:14px;font-weight:600;letter-spacing:1px}.referral-code-display,.referral-link-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ffff0d,#ff00ff05 50%,#00ffff0d);border:1px solid #00ffff4d;border-radius:8px;box-shadow:inset 0 1px 3px #00ffff1a;color:#fff;display:flex;justify-content:center;min-height:20px;overflow:hidden;padding:12px 15px;text-overflow:ellipsis;white-space:nowrap}.referral-link-display{cursor:pointer;justify-content:flex-start;transition:all .3s ease}.referral-link-display:hover{border-color:#00ffff80;box-shadow:inset 0 1px 3px #0ff3}.copy-button-container{margin-bottom:15px;text-align:center}.btn-copy-compact{background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:6px;box-shadow:0 2px 8px #00ffff4d;color:#000;cursor:pointer;font-family:Orbitron,monospace;font-size:12px;font-weight:600;min-width:100px;padding:8px 16px;transition:all .3s ease}.btn-copy-compact:hover{background:linear-gradient(135deg,#0080ff,#0ff);box-shadow:0 4px 12px #0ff6;transform:translateY(-1px)}.btn-copy-compact.copied{background:linear-gradient(135deg,#00ff80,#40ff80);color:#000}@media (max-width:768px){.referral-info-vertical{gap:12px}.referral-info-grid{gap:15px;grid-template-columns:1fr}.referral-code-display,.referral-link-display{font-size:12px;font-weight:600;letter-spacing:.5px;min-height:18px;padding:10px 12px}.referral-info-item h4{font-size:12px}.leaderboard-item.clickable{cursor:pointer;transition:all .3s ease}.leaderboard-item.clickable:hover{background:linear-gradient(135deg,#00ffff14,#ff00ff0a 50%,#00ffff14);border-color:#0ff6;box-shadow:0 5px 15px #0ff3;transform:translateY(-2px)}.empty-leaderboard{color:#888;padding:40px 20px;text-align:center}.empty-leaderboard p{font-family:Roboto,sans-serif;margin:8px 0}.empty-leaderboard p:first-child{color:#aaa;font-size:16px}.card-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-header-with-action h3{margin:0}.btn-refresh-leaderboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ffff1a;border:1px solid #00ffff4d;border-radius:6px;color:#0ff;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .3s ease}.btn-refresh-leaderboard:hover:not(:disabled){background:#0ff3;border-color:#00ffff80;transform:scale(1.05)}.btn-refresh-leaderboard:disabled{cursor:not-allowed;opacity:.5}}.referral-banner{animation:referralBannerSlide .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffd70026,#ffa50014 50%,#ffd70026);border:2px solid #ffd70066;border-radius:15px;box-shadow:0 10px 30px #ffd70033,inset 0 1px 0 #ffffff1a;margin:20px 20px 10px;padding:20px;position:relative}@keyframes referralBannerSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.referral-banner-content{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.referral-banner-icon{animation:referralIconBounce 2s infinite;flex-shrink:0;font-size:32px}@keyframes referralIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.referral-banner-info{flex:1 1}.referral-banner-info h4{color:gold;font-family:Orbitron,monospace;font-size:18px;font-weight:700;margin:0 0 8px}.referral-banner-info p{color:#e0e0e0;font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;margin:0 0 5px}.referral-banner-info .bonus-info{color:#00ff80;font-weight:600;margin-top:8px}.referral-banner-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:30px}.referral-banner-close:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.referral-signup-btn{background:linear-gradient(135deg,gold,#ffb347);border:none;border-radius:10px;box-shadow:0 5px 15px #ffd7004d;color:#1a1a1a;cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.referral-signup-btn:hover{background:linear-gradient(135deg,#ffb347,gold);box-shadow:0 8px 25px #ffd70066;transform:translateY(-2px)}@media (max-width:768px){.referral-banner{margin:15px;padding:15px}.referral-banner-content{gap:12px}.referral-banner-icon{font-size:28px}.referral-banner-info h4{font-size:16px}.referral-banner-info p{font-size:13px}.referral-info-vertical{gap:12px}.referral-code-display,.referral-link-display{font-size:12px;font-weight:600;letter-spacing:.5px;min-height:18px;padding:10px 12px}.referral-info-item h4{font-size:12px}}.withdrawal-form{display:flex;flex-direction:column;gap:15px}.withdrawal-input{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-family:Orbitron,monospace;font-size:16px;padding:12px;width:100%}.withdrawal-input:focus{border-color:#00ff80;box-shadow:0 0 10px #00ff804d;outline:none}.withdrawal-buttons{display:flex;gap:10px}.wallet-input{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-family:Orbitron,monospace;font-size:14px;padding:12px;width:100%}.wallet-input:focus{border-color:#00ff80;box-shadow:0 0 10px #00ff804d;outline:none}.edit-wallet,.wallet-display,.withdrawal-history{display:flex;flex-direction:column;gap:10px}.withdrawal-item{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px}.withdrawal-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px}.admin-dashboard{color:#0ff;margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00ff80,#00bfff);-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin-bottom:20px}.tab-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-weight:700;padding:12px 24px;transition:all .3s ease}.tab-button:hover{box-shadow:0 5px 15px #00ffff4d;transform:translateY(-2px)}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ae6;border:1px solid #333;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#0ff;box-shadow:0 10px 25px #0ff3;transform:translateY(-5px)}.stat-card h3{color:#0ff;font-size:16px;margin-bottom:10px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00ff80,#00bfff);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.users-table,.withdrawals-table{margin-top:20px;overflow-x:auto}.users-table table,.withdrawals-table table{background:#1a1a1ae6;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.users-table th,.withdrawals-table th{background:#333333e6;border-bottom:1px solid #555;color:#0ff;font-family:Orbitron,monospace;font-weight:700;padding:12px;text-align:left}.users-table td,.withdrawals-table td{border-bottom:1px solid #333;color:#fff;padding:12px}.users-table tr:hover,.withdrawals-table tr:hover{background:#00ffff1a}.loading{color:#0ff;font-size:18px;padding:50px;text-align:center}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#00ff80;font-size:24px;margin:0}.filter-select{background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-family:Orbitron,monospace;padding:8px 12px}.filter-select:focus{border-color:#00ff80;box-shadow:0 0 5px #00ff804d;outline:none}@media (max-width:768px){.admin-dashboard{padding:10px}.dashboard-header h1{font-size:2em}.tab-menu{align-items:center;flex-direction:column}.tab-button{font-size:14px;padding:10px 20px}.stats-overview{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:15px}.stat-number{font-size:24px}.users-table,.withdrawals-table{font-size:12px}.users-table td,.users-table th,.withdrawals-table td,.withdrawals-table th{padding:8px}.section-header{align-items:flex-start;flex-direction:column}.withdrawal-form{gap:10px}.withdrawal-buttons{flex-direction:column}}.google-login-divider{align-items:center;color:#fff9;display:flex;font-family:Orbitron,monospace;font-size:12px;margin:16px 0 12px}.google-login-divider:after,.google-login-divider:before{background:linear-gradient(90deg,#0000,#00ffff4d 50%,#0000);content:"";flex:1 1;height:1px}.google-login-divider span{color:#00ffffb3;letter-spacing:1px;padding:0 12px;text-transform:uppercase}.google-login-btn-home{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;color:#1a1a1a;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:13px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:8px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease;width:100%}.google-login-btn-home:hover:not(:disabled){background:#fff;border-color:#4285f480;box-shadow:0 6px 20px #4285f433,0 0 15px #ffffff4d;transform:translateY(-1px)}.google-login-btn-home:active:not(:disabled){box-shadow:0 3px 10px #4285f41a,0 0 8px #fff3;transform:translateY(0)}.google-login-btn-home:disabled{cursor:not-allowed;opacity:.7;transform:none}.google-login-btn-home .google-icon{flex-shrink:0;height:18px;width:18px}.google-login-btn-home .loading-spinner{animation:googleSpin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#4285f4;height:16px;width:16px}@keyframes googleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App:after{animation:starTwinkle2 15s ease-in-out infinite;background-image:radial-gradient(circle at 6% 14%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 16% 24%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 26% 34%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 36% 44%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 46% 54%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 56% 64%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 66% 74%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 76% 84%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 86% 94%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 96% 4%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 4% 84%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 14% 94%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 24% 4%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 34% 14%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 44% 24%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 54% 34%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 64% 44%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 74% 54%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 84% 64%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 94% 74%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 9% 39%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 19% 49%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 29% 59%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 39% 69%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 49% 79%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 59% 89%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 69% 99%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 79% 9%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 89% 19%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 99% 29%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 1% 59%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 11% 69%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 21% 79%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 31% 89%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 41% 99%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 51% 9%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 61% 19%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 71% 29%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 81% 39%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 91% 49%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 3% 23%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 13% 33%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 23% 43%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 33% 53%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 43% 63%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 53% 73%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 63% 83%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 73% 93%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 83% 3%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 93% 13%,#ffffff40 0,#0000 .7px),radial-gradient(circle at 7% 77%,#ffffff40 0,#0000 .7px);background-size:40px 40px,42px 42px,38px 38px,44px 44px,36px 36px,46px 46px,34px 34px,48px 48px,32px 32px,50px 50px,41px 41px,43px 43px,39px 39px,45px 45px,37px 37px,47px 47px,35px 35px,49px 49px,33px 33px,51px 51px,42px 42px,44px 44px,40px 40px,46px 46px,38px 38px,48px 48px,36px 36px,50px 50px,34px 34px,52px 52px,43px 43px,45px 45px,41px 41px,47px 47px,39px 39px,49px 49px,37px 37px,51px 51px,35px 35px,53px 53px,44px 44px,46px 46px,42px 42px,48px 48px,40px 40px,50px 50px,38px 38px,52px 52px,36px 36px,54px 54px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes starTwinkle2{0%,to{opacity:.3;transform:translateX(0)}33%{opacity:.7;transform:translateX(2px)}66%{opacity:.4;transform:translateX(-1px)}}.header-center{display:flex;flex:1 1;justify-content:center}.leaderboard-btn{background:linear-gradient(45deg,gold,orange);border-radius:25px;box-shadow:0 2px 10px #ffd7004d;color:#000;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.leaderboard-btn:hover{box-shadow:0 4px 15px #ffd70080;color:#000;text-decoration:none;transform:translateY(-2px)}@media (max-width:768px){.simple-header{padding:10px 15px}.logo-brand,.logo-name{font-size:16px}.leaderboard-btn{font-size:12px;padding:8px 16px}.header-link{font-size:12px;padding:6px 8px}}.achievements-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;display:flex;flex-direction:column;padding:10px 15px}.stat-label{color:#ccc;font-size:12px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.stat-value{color:#00ff80;font-family:Orbitron,monospace;font-size:18px;font-weight:700}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.achievement-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3cd9);border:2px solid;border-radius:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.achievement-card:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.achievement-card:hover:before{transform:translateX(100%)}.achievement-card.completed{background:linear-gradient(135deg,#003219f2,#005028d9);border-color:#00ff80;box-shadow:0 0 20px #00ff804d}.achievement-card.claimable{animation:claimablePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#322800f2,#503c00d9);border-color:#fc0;box-shadow:0 0 20px #ffcc004d}.achievement-card.locked{background:linear-gradient(135deg,#141414f2,#282828d9);border-color:#666;opacity:.7}@keyframes claimablePulse{0%,to{box-shadow:0 0 20px #ffcc004d}50%{box-shadow:0 0 30px #fc09}}.achievement-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.achievement-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:40px;line-height:1}.achievement-info{flex:1 1}.achievement-info h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.achievement-info p{color:#ccc;font-size:14px;line-height:1.4;margin:0 0 15px}.achievement-progress{margin-top:10px}.progress-text{color:#aaa;font-family:Orbitron,monospace;font-size:12px;margin-bottom:8px}.progress-bar{background:#ffffff1a;position:relative}.progress-fill{background:linear-gradient(90deg,#00ff80,#0c6);position:relative}.progress-fill:after{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.achievement-footer{display:flex;flex-direction:column;gap:12px}.achievement-reward{background:#ffcc001a;border:1px solid #ffcc004d;border-radius:8px;color:#fc0;padding:8px}.achievement-reward,.achievement-status{font-size:14px;font-weight:700;text-align:center}.achievement-status{border-radius:8px;letter-spacing:1px;padding:12px;text-transform:uppercase}.achievement-status.completed{background:#00ff8033;border:2px solid #00ff8080;color:#00ff80}.achievement-status.locked{background:#6663;border:2px solid #66666680;color:#999}.btn.loading{opacity:.7;pointer-events:none;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:12px;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:12px}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}@media (max-width:768px){.achievements-grid{gap:15px;grid-template-columns:1fr}.achievement-card{padding:15px}.achievement-header{gap:10px}.achievement-icon{font-size:32px}.achievement-info h3{font-size:16px}.achievement-info p{font-size:13px}.achievements-stats{gap:10px}.stat-item{min-width:100px;padding:8px 12px}}.additional-services{margin-top:20px;padding:0}.services-title{color:#0ff;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #00ffff4d}.service-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.service-card:hover{background:#ffffff1a;border-color:#00ffff4d;box-shadow:0 8px 25px #00ffff26;transform:translateY(-2px)}.service-card:active{transform:translateY(0)}.service-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));font-size:32px;min-width:50px;text-align:center}.service-content{flex:1 1}.service-name{color:gold;font-size:18px;font-weight:700;margin:0 0 8px}.service-description{color:#ccc;font-size:14px;line-height:1.4;margin:0}.service-arrow{color:#0ff;font-size:20px;font-weight:700;transition:transform .3s ease}.service-card:hover .service-arrow{transform:translateX(5px)}@media (max-width:768px){.services-title{font-size:20px;margin-bottom:15px}.service-card{gap:12px;padding:15px}.service-icon{font-size:28px;min-width:40px}.service-name{font-size:16px}.service-description{font-size:13px}.service-arrow{font-size:18px}}.mission-container{display:flex;flex-direction:column;gap:12px}.mission-item{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #2a3f5f;border-radius:12px;display:flex;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.mission-item:hover{border-color:#0ff;box-shadow:0 8px 25px #00ffff26;transform:translateY(-2px)}.mission-item:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mission-item:hover:before{left:100%}.mission-icon{font-size:24px;margin-right:16px;min-width:24px;z-index:1}.mission-info{flex:1 1;z-index:1}.mission-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.mission-description{color:#ccc;font-size:14px;margin:0}.mission-reward{align-items:center;color:gold;display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.mission-status{font-size:20px;min-width:30px;text-align:center;z-index:1}.mission-status.pending{animation:pulse 2s infinite;color:orange}.mission-status.completed{animation:bounce 1s ease-in-out;color:#0f0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.mission-item{gap:12px;padding:14px}.mission-icon{font-size:22px;margin-right:14px}.mission-title{font-size:15px}.mission-description{font-size:13px}.mission-status{font-size:18px}}.mission-progress{border-top:1px solid #2a3f5f;margin-top:20px;padding-top:16px}.progress-text{color:#fff;font-size:14px;font-weight:600;margin-bottom:10px;text-align:center}.progress-bar{background-color:#1a1a2e;border:1px solid #2a3f5f;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0ff,#0080ff,#0ff);border-radius:4px;box-shadow:0 0 10px #00ffff4d;height:100%;transition:width .8s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mission-item,.mission-item:hover{cursor:pointer}.mission-item.no-mission{background:linear-gradient(135deg,#2a2a2a,#3a3a3a 50%,#2a2a2a);border:1px solid #555;cursor:default;opacity:.7}.mission-item.no-mission:hover{border-color:#555;box-shadow:none;cursor:default;transform:none}.mission-item.no-mission:before{display:none}.mission-item.no-mission .mission-title{color:#aaa}.mission-item.no-mission .mission-description{color:#888}.mission-item.no-mission .mission-status{animation:none;color:#666}@media (max-width:768px){.mission-progress{margin-top:16px;padding-top:14px}.progress-text{font-size:13px;margin-bottom:8px}.progress-bar{height:6px}}
/*# sourceMappingURL=main.a4b92306.css.map*/