.signin-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;align-items:center;justify-content:center;padding:20px}.signin-container{max-width:500px;width:100%}.logo-section{text-align:center;margin-bottom:30px}.logo-section .logo{width:150px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.title-section{text-align:center;padding:20px 24px;margin-bottom:30px}.main-title{font-size:1.8em;font-weight:600;margin:0 0 12px;color:#61f83b;text-shadow:0 2px 8px rgba(97,248,59,.3)}.subtitle{font-size:16px;color:#35cf28;line-height:1.5}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f051421a;border:1px solid rgba(240,81,66,.3);border-radius:8px;color:#f05142;margin-bottom:20px;font-size:14px}.wallet-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:15px}.wallet-icon{width:48px;height:48px;background:linear-gradient(135deg,#61f83b,#35cf28);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.wallet-details{flex:1}.wallet-label{font-size:12px;color:#999;margin-bottom:4px}.wallet-address{font-size:16px;font-weight:600;color:#fff;font-family:monospace}.wallet-status{display:flex;align-items:center;gap:8px;color:#61f83b;font-size:14px}.action-section{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.btn-connect,.btn-sign{width:100%;height:56px;background:linear-gradient(135deg,#61f83b,#35cf28);border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #61f83b4d}.btn-connect:hover,.btn-sign:hover{transform:translateY(-2px);box-shadow:0 6px 16px #61f83b66}.btn-connect:active,.btn-sign:active{transform:translateY(0)}.btn-connect:disabled,.btn-sign:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-disconnect{width:100%;height:48px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#e4e919;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-disconnect:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-disconnect:disabled{opacity:.5;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.wallet-status .spinner{border:2px solid rgba(97,248,59,.2);border-top-color:#61f83b}.info-section{display:flex;flex-direction:column;gap:12px;padding:0 10px}.info-item{display:flex;align-items:center;gap:10px;color:#999;font-size:14px}.info-item svg{color:#61f83b;flex-shrink:0}@media (max-width: 600px){.signin-page{padding:15px}.main-title{font-size:1.5em}.subtitle{font-size:14px}.btn-connect,.btn-sign{height:52px;font-size:15px}}.setup-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;flex-direction:column}.header{padding:20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto}.header-left{display:flex;align-items:center;gap:15px;flex:1}.back-button{background:#ffffff1a;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#ffffff26}.header-text{flex:1}.header-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:2px}.header-subtitle{font-size:13px;color:#999}.help-icon{cursor:pointer;opacity:.7;transition:opacity .3s ease}.help-icon:hover{opacity:1}.content{flex:1;padding:30px 20px;max-width:600px;width:100%;margin:0 auto}.instruction-text{color:#ccc;font-size:15px;line-height:1.6;margin-bottom:30px}.input-group{margin-bottom:30px}.input-label{font-size:14px;color:#61f83b;font-weight:500;margin-bottom:10px}.input-wrapper{position:relative;display:flex;align-items:center;gap:10px}.input-field{flex:1;height:54px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:0 50px 0 20px;font-size:18px;color:#fff;font-weight:600;letter-spacing:2px;text-align:center;transition:all .3s ease}.input-field:focus{outline:none;border-color:#61f83b;background:#ffffff14}.input-field.valid{border-color:#61f83b;background:#61f83b0d}.input-field.error{border-color:#f05142;background:#f051420d}.input-field::placeholder{color:#ffffff4d;letter-spacing:4px}.paste-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#61f83b1a;border:1px solid rgba(97,248,59,.3);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#61f83b}.paste-button:hover{background:#61f83b33;border-color:#61f83b}.paste-button:disabled{opacity:.5;cursor:not-allowed}.validation-spinner,.validation-check{position:absolute;right:55px;top:50%;transform:translateY(-50%)}.spinner{width:20px;height:20px;border:2px solid rgba(97,248,59,.2);border-top-color:#61f83b;border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f051421a;border:1px solid rgba(240,81,66,.3);border-radius:8px;color:#f05142;font-size:13px;margin-top:10px}.success-message{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#61f83b1a;border:1px solid rgba(97,248,59,.3);border-radius:8px;color:#61f83b;margin-top:10px}.success-title{font-weight:600;font-size:14px;margin-bottom:2px}.success-detail{font-size:13px;color:#ccc}.info-box{display:flex;gap:12px;padding:16px;background:#61f83b0d;border:1px solid rgba(97,248,59,.2);border-radius:12px;color:#ccc;font-size:14px;line-height:1.6}.info-box svg{color:#61f83b;flex-shrink:0;margin-top:2px}.info-box strong{display:block;color:#fff;margin-bottom:4px}.info-box p{margin:0;font-size:13px}.footer{padding:20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px;max-width:600px;width:100%;margin:0 auto}.btn-primary,.btn-secondary{width:100%;height:54px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#61f83b,#35cf28);color:#000;box-shadow:0 4px 12px #61f83b4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #61f83b66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ccc}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}@media (max-width: 600px){.header-title{font-size:16px}.header-subtitle{font-size:12px}.content{padding:20px 15px}.input-field{font-size:16px;letter-spacing:1px}}.username-prefix{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:600;color:#61f83b;pointer-events:none}.username-input{padding-left:40px!important;text-align:left!important;letter-spacing:normal!important}.character-count{text-align:right;font-size:12px;color:#666;margin-top:6px}.rules-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:30px}.rules-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:16px}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-item{display:flex;align-items:center;gap:10px;color:#666;font-size:14px;transition:all .3s ease}.rule-item.met{color:#61f83b}.rule-item svg{flex-shrink:0;transition:all .3s ease}.rule-item:not(.met) svg{color:#444}.preview-section{margin-bottom:20px}.preview-label{font-size:14px;color:#61f83b;font-weight:500;margin-bottom:12px}.preview-card{background:linear-gradient(135deg,#61f83b1a,#35cf280d);border:1px solid rgba(97,248,59,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.preview-avatar{width:56px;height:56px;background:linear-gradient(135deg,#61f83b,#35cf28);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#000;flex-shrink:0}.preview-info{flex:1}.preview-username{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.preview-subtitle{font-size:13px;color:#999}@media (max-width: 600px){.rules-section,.preview-card{padding:16px}.preview-avatar{width:48px;height:48px;font-size:20px}.preview-username{font-size:16px}}.home-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:100px}.header{background:#172326;padding:15px 20px;border-bottom:1px solid #2d3131}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;flex:1}.logo-container{width:80px;margin-right:25px}.logo{height:40px;border-radius:50%}.health-status{background:linear-gradient(#2a3134,#1e2225);height:35px;padding:5px 15px;border-radius:12px;display:flex;align-items:center;gap:8px;flex:1}.status-text{color:#31f600;font-size:12px;letter-spacing:1.2px}.header-icons{display:flex;gap:10px}.portfolio-card{background-image:url(../assets/img/card.png);background-size:100%;background-position:center top;background-repeat:no-repeat;height:150px;padding:35px;color:#141515}.portfolio-content{padding:0 20px 5px}.portfolio-title{font-size:16px;font-weight:500;letter-spacing:1.4px;margin-bottom:10px}.portfolio-amounts{display:flex;flex-direction:row;gap:100px}.amount-item{font-weight:700;font-size:28px}.decimal{font-size:16px;color:#262c2d}.currency{font-size:14px;margin-left:5px;color:#2717fd}.buy-btn{background:#0f1415;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:none;margin-top:10px}.pool-section{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:10px 25px 25px;margin-top:px;box-shadow:#ffffff8c 0 1px 2px inset;border-radius:35px 35px 0 0}.pool-info{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;letter-spacing:1.3px}.action-buttons{margin-top:-45px;position:relative;z-index:1;padding:40px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.action-btn{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:#fff;cursor:pointer;padding:0}.action-icon{width:65px;height:65px;background:#23383e;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.action-btn.active .action-icon{background:#31f600;box-shadow:0 3.16px 22.89px #31f60063}.action-btn.active .action-icon svg path{fill:#23383e}.action-btn span{font-size:14px;text-align:center}.latest-news-section{padding:5px 0 0;margin:20px 0}.latest-news-section .section-header{padding:0 25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.latest-news-section .section-header h3{font-size:18px;margin:0}.more-link{font-size:14px;color:#97fd00;cursor:pointer}.news-carousel{margin-left:25px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.news-carousel::-webkit-scrollbar{display:none}.news-carousel-wrapper{display:flex;gap:8px;padding:15px 0}.news-item{flex:0 0 auto;width:calc(100vw - 60px);max-width:400px;margin-right:8px;text-align:left}.news-image{border:2px solid #5ef838;border-radius:8px;height:180px;width:100%;object-fit:cover}.news-title{margin-top:5px;font-size:16px;font-weight:500;color:#fff}.news-description{font-size:14px;color:#ffffffb3;margin-top:5px;line-height:1.4}.network-activity-section{padding:20px 25px 0;margin:30px 0}.network-activity-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.network-activity-section .section-header h3{font-size:18px;margin:0}.threat-map-container{position:relative;width:100%;height:400px;margin-top:10px;overflow:hidden;border-radius:12px;background:#0a0e10}.map-background{width:100%;height:100%;object-fit:cover;opacity:.4}.map-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mm-vs-mt-section,.live-activity{padding:0 20px;margin:30px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3{font-size:18px;margin:0}.realtime{display:flex;align-items:center;gap:5px;font-size:14px;color:#97fd00}.mm-vs-mt-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;border:3px solid #ffd700;padding:25px;position:relative;overflow:hidden}.status-badge{background:#0000004d;border-radius:10px;padding:10px;margin-bottom:20px;text-align:center}.status-badge p{margin:0;font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:2px}.status-badge .active{margin-top:5px;font-size:13px;color:#31f400;font-weight:600}.vs-container{display:flex;gap:15px;align-items:center;margin-bottom:20px}.team{flex:1;border-radius:15px;padding:20px 10px;text-align:center}.market-maker{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.market-taker{background:linear-gradient(135deg,#991b1b,#ef4444)}.team-icon{font-size:36px;margin-bottom:10px}.team-label{margin:0;font-size:14px;color:#ffffffb3;text-transform:uppercase}.team-count{margin:8px 0;font-size:36px;font-weight:700;line-height:1}.volume-info{background:#ffffff1a;border-radius:8px;padding:8px;margin-top:10px}.volume-info p{margin:0;font-size:12px;color:#fff9}.volume-amount{margin-top:3px!important;font-size:15px!important;color:#4ade80!important;font-weight:600}.vs-badge{width:60px;height:60px;background:gold;box-shadow:0 8px 25px #ffd70080;border:3px solid #1e1e1e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.vs-text{font-size:14px;font-weight:700}.vs-live{font-size:9px;margin-top:2px}.progress-bar{background:#ffffff1a;border-radius:20px;height:12px;overflow:hidden;position:relative;margin-bottom:10px}.progress-mm{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(135deg,#1e3a8a,#3b82f6);transition:width .5s}.progress-mt{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(135deg,#991b1b,#ef4444);transition:width .5s}.matching-stats{background:#0000004d;border-radius:10px;padding:12px;display:flex;justify-content:space-between}.matching-stats p{margin:0;font-size:10px;color:#ffffff80}.stat-value{margin-top:3px!important;font-size:14px!important;color:#fff!important;font-weight:600}.stat-value.success{color:#4ade80!important}.activity-item{padding:15px;border:1px solid rgba(255,255,255,.4);border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between}.activity-user{font-size:18px;font-weight:600}.activity-address{color:#17fdea}.activity-time{color:#ffffffb3;font-size:14px}.activity-right{text-align:right}.activity-amount{font-size:18px;font-weight:600}.activity-type{background:#187501;font-size:12px;padding:5px;border-radius:4px;margin-top:5px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:80px;background-image:url(../assets/img/bottom_img.png);background-size:cover;background-position:center;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;filter:drop-shadow(0 -8px 16px rgba(3,255,84,.15))}.nav-btn{padding:12px 24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;background:none;border:none}@media (max-width: 768px){.action-grid{grid-template-columns:repeat(4,1fr)}.threat-map-container{height:300px}.news-item{width:calc(100vw - 50px)}}.portfolio-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0;color:#bdbdbd;font-size:14px}.spinner-small{width:18px;height:18px;border:2px solid rgba(49,246,0,.2);border-top-color:#31f600;border-radius:50%;animation:spin .8s linear infinite}.platform-status-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.header{background:#172326;padding:20px;border-bottom:1px solid #2d3131}.header-content{display:flex;align-items:center;gap:10px}.back-btn{background:#31f600;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.header-title{flex:1}.title{font-size:18px;font-weight:600}.subtitle{font-size:12px;color:#fffc}.help-icon{flex-shrink:0}.health-section{padding:40px 20px;display:flex;justify-content:center}.health-gauge{position:relative;width:280px;height:200px}.gauge-svg{width:100%;height:100%}.gauge-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-20%);text-align:center}.gauge-percentage{font-size:52px;font-weight:700;color:#31f600;line-height:1}.gauge-label{font-size:14px;letter-spacing:2px;color:#fffc;margin-top:8px}.stats-container{padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.stat-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.stat-info{flex:1}.stat-value{font-size:28px;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:14px;color:#ffffffb3;margin-top:4px}.contract-section{padding:0 20px}.section-header h3{font-size:18px;font-weight:600;margin-bottom:10px}.contract-description{font-size:14px;color:#fffc;line-height:1.6;margin-bottom:20px}.contract-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px}.contract-label{font-size:14px;color:#ffffffb3;margin-bottom:8px;margin-top:15px}.contract-label:first-child{margin-top:0}.contract-address{background:#31f6001a;border:1px solid #31f600;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;word-break:break-all;font-size:14px;color:#31f600}.copy-icon{cursor:pointer;flex-shrink:0;margin-left:10px}.network-badge{background:#31f6001a;border:1px solid #31f600;border-radius:8px;padding:12px;color:#31f600;font-size:14px;font-weight:600}.verify-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#31f600;color:#000;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;margin-top:20px;text-decoration:none;transition:all .3s}.verify-btn:hover{background:#27c400;transform:translateY(-2px)}@media (max-width: 768px){.stats-container{grid-template-columns:1fr}.health-gauge{width:240px;height:180px}.gauge-percentage{font-size:42px}}.pool-section{margin-bottom:25px}.pool-section h3{font-size:18px;margin-bottom:15px;color:#fff}.pool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pool-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:16px}.pool-header{display:flex;align-items:center;gap:12px}.pool-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pool-icon.usdt{background:linear-gradient(135deg,#26a17b33,#26a17b1a);color:#26a17b}.pool-icon.gm3{background:linear-gradient(135deg,#31f60033,#31f6001a);color:#31f600}.pool-info{flex:1}.pool-name{font-size:13px;color:#ffffffb3;margin-bottom:4px}.pool-amount{font-size:20px;font-weight:700;color:#31f600}.contract-address{cursor:pointer;position:relative}.contract-address:hover{opacity:.8}.copy-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#31f600;color:#000;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-section{margin-top:25px}.info-section h3{font-size:18px;margin-bottom:15px;color:#fff}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px}.feature-item svg{color:#31f600;flex-shrink:0;margin-top:2px}.feature-text{flex:1}.feature-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.feature-desc{font-size:13px;color:#fff9}@media (max-width: 600px){.pool-grid{grid-template-columns:1fr}}.referral-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.referral-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:20px}.referral-card h3{font-size:16px;margin-bottom:15px;color:#31f600}.link-container{background:#31f6001a;border:1px solid #31f600;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.link-text{flex:1;word-break:break-all;font-size:14px;color:#31f600}.copy-btn{cursor:pointer;flex-shrink:0}.tagline{text-align:center;color:#fffc;font-size:14px;margin:0}.stats-box{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;color:#31f600;margin-bottom:5px}.stat-label{font-size:12px;color:#ffffffb3}.downline-section h3{font-size:18px;margin-bottom:15px}@media (max-width: 768px){.stats-box{grid-template-columns:1fr}}.copy-btn{transition:all .3s}.copy-btn.copied{background:#31f60033;border-color:#31f600}.share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.share-btn svg{flex-shrink:0}.share-btn.whatsapp{background:#25d3661a;border:1px solid rgba(37,211,102,.3);color:#25d366}.share-btn.whatsapp:hover{background:#25d36633;transform:translateY(-2px)}.share-btn.telegram{background:#0088cc1a;border:1px solid rgba(0,136,204,.3);color:#08c}.share-btn.telegram:hover{background:#08c3;transform:translateY(-2px)}.share-btn.twitter{background:#1da1f21a;border:1px solid rgba(29,161,242,.3);color:#1da1f2}.share-btn.twitter:hover{background:#1da1f233;transform:translateY(-2px)}.stat-item{display:flex;align-items:center;gap:12px}.team-structure-section{margin-top:25px}.team-structure-section h3{font-size:18px;margin-bottom:15px;color:#fff}.team-levels{display:flex;flex-direction:column;gap:12px}.team-level-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:16px}.team-level-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.level-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#31f600,#27c400);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.team-level-info{flex:1}.team-level-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.team-level-subtitle{font-size:12px;color:#fff9}.team-level-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.team-stat{display:flex;flex-direction:column;gap:4px}.team-stat-label{font-size:12px;color:#fff9}.team-stat-value{font-size:16px;font-weight:700;color:#31f600}.earnings-section{margin-top:25px;background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px}.earnings-section h3{font-size:18px;margin-bottom:15px;color:#fff}.earnings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.earning-card{background:#31f6000d;border:1px solid rgba(49,246,0,.2);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center}.earning-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.earning-icon.direct{background:linear-gradient(135deg,#31f60033,#31f6001a);color:#31f600}.earning-icon.matching{background:linear-gradient(135deg,#ffa50033,#ffa5001a);color:orange}.earning-details{width:100%}.earning-label{font-size:12px;color:#fff9;margin-bottom:4px}.earning-value{font-size:20px;font-weight:700;color:#31f600;margin-bottom:4px}.earning-desc{font-size:11px;color:#ffffff80}.total-earnings{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#31f6001a;border:2px solid rgba(49,246,0,.3);border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:600}.total-value{font-size:18px;color:#31f600}.claim-earnings-btn{width:100%;padding:14px;background:linear-gradient(135deg,#31f600,#27c400);border:none;border-radius:10px;color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.claim-earnings-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #31f6004d}.cta-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cta-btn.primary{background:linear-gradient(135deg,#31f600,#27c400);color:#000}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #31f6004d}.cta-btn.secondary{background:#25d3661a;border:2px solid rgba(37,211,102,.3);color:#25d366}.cta-btn.secondary:hover{background:#25d36633;transform:translateY(-2px)}@media (max-width: 600px){.share-buttons,.earnings-grid,.team-level-stats,.cta-buttons{grid-template-columns:1fr}}.reward-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.info-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.info-card p{flex:1;font-size:14px;color:#fffc;margin:0}.icon-gold{color:gold;flex-shrink:0}.earnings-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:20px}.earning-row{display:flex;justify-content:space-between;padding:12px 0;font-size:14px}.earning-row.highlight{color:#31f600;font-weight:600}.earning-row .value{font-weight:600}.claimable-card{background:linear-gradient(135deg,#31f6001a,#31f6000d);border:2px solid #31f600;border-radius:16px;padding:24px;margin-bottom:20px}.claimable-header{text-align:center;margin-bottom:20px}.claimable-header span{font-size:14px;color:#bdbdbd;display:block;margin-bottom:8px}.claimable-amount{font-size:36px;font-weight:700;color:#31f600}.claim-btn{width:100%;padding:16px;background:linear-gradient(135deg,#31f600,#27c400);border:none;border-radius:12px;color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.claim-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #31f6004d}.claim-btn:disabled{opacity:.5;cursor:not-allowed;background:#5a6d55;color:#bdbdbd}.earning-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.earning-row:last-child{border-bottom:none}.earning-label{display:flex;align-items:center;gap:8px;color:#bdbdbd}.earning-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.value-main{font-size:18px;font-weight:600;color:#fff}.value-sub{font-size:12px;color:#31f600}.value-total{font-size:22px;font-weight:700;color:#31f600}.icon-inline{color:#ffffff80}.claimed-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:20px}.claimed-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px}.claimed-label{display:flex;align-items:center;gap:8px;color:#bdbdbd}.claimed-value{font-size:16px;font-weight:600;color:#fff}.claimed-row.total{border-top:2px solid rgba(49,246,0,.2);padding-top:16px;margin-top:12px}.claimed-row.total .claimed-label{color:#fff;font-weight:600}.claimed-value-total{font-size:20px;font-weight:700;color:#31f600}.stats-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.stat-item{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.stat-icon{font-size:32px;flex-shrink:0}.stat-details{flex:1}.stat-label{font-size:12px;color:#bdbdbd;margin-bottom:4px}.stat-value{font-size:16px;font-weight:600;color:#31f600}.empty-state svg{margin-bottom:16px}@media (max-width: 600px){.stats-info{grid-template-columns:1fr}.claimable-amount{font-size:28px}}.portfolio-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat-box{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:15px;text-align:center}.stat-label{font-size:12px;color:#ffffffb3;margin-bottom:8px}.investment-card,.active-positions-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:20px}.inv-row,.pos-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.inv-row .value,.pos-row .value{font-weight:600}.value.success{color:#31f600}.chart-container{height:250px;background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:15px}.chart-legend{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-box{width:30px;height:15px;border-radius:3px}.legend-box.profits{background:#31f600}.legend-box.rewards{background:#4fc3f7}.network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.net-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.net-info{flex:1}.net-value{font-size:24px;font-weight:700;color:#31f600;margin-bottom:5px}.net-label{font-size:12px;color:#ffffffb3}@media (max-width: 768px){.stats-summary,.network-grid{grid-template-columns:1fr}}.active-stake-card{background:linear-gradient(#23383e,#0c1416);border:2px solid #31f600;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 0 20px #31f60026}.stake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stake-header h3{font-size:18px;color:#fff;margin:0}.stake-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.stake-status.locked{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:orange}.stake-status.unlocked{background:#31f6001a;border:1px solid rgba(49,246,0,.3);color:#31f600}.stake-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px}.detail-row.main{color:#fffc}.detail-row.success{color:#31f600}.detail-row.total{padding-top:16px;font-size:16px;font-weight:700}.detail-label{color:inherit}.detail-value{font-weight:600;color:#fff;font-size:16px}.detail-value.roi,.detail-row.success .detail-value{color:#31f600}.detail-row.total .detail-value{font-size:20px;color:#31f600}.divider{height:1px;background:#fff3;margin:12px 0}.stake-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;padding:16px;background:#31f6000d;border-radius:10px;border:1px solid rgba(49,246,0,.2)}.info-row{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:#fff9}.info-value{font-size:14px;font-weight:700;color:#31f600}.withdraw-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.withdraw-btn.enabled{background:linear-gradient(135deg,#31f600,#27c400);color:#000}.withdraw-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 8px 20px #31f6004d}.withdraw-btn.disabled{background:#ffa5001a;border:2px solid rgba(255,165,0,.3);color:orange;cursor:not-allowed}.withdraw-btn:disabled{opacity:.7;cursor:not-allowed}.no-stake-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:16px;padding:40px 20px;margin-bottom:20px;text-align:center}.no-stake-card svg{margin-bottom:16px}.no-stake-card p{color:#fff9;margin:5px 0}.no-stake-hint{font-size:14px;color:#ffffff80;margin-bottom:20px}.create-stake-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#31f600,#27c400);border:none;border-radius:10px;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.create-stake-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #31f6004d}.investment-card{margin-bottom:20px}.investment-card h3{font-size:16px;margin-bottom:12px;color:#31f600}.inv-row.total{padding-top:12px;margin-top:8px;border-top:2px solid rgba(49,246,0,.2);font-size:16px;font-weight:700}.inv-row.total .value{color:#31f600;font-size:18px}@media (max-width: 600px){.stake-info{grid-template-columns:1fr}.info-row{flex-direction:row;justify-content:space-between}}.tokens-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.content{padding:15px 25px 25px}.error-banner,.success-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px}.error-banner{background:#f051421a;border:1px solid rgba(240,81,66,.3);color:#f05142}.success-banner{background:#31f6001a;border:1px solid rgba(49,246,0,.3);color:#31f600}.convert-info{color:#97fd00;margin-bottom:15px}.convert-header{font-size:18px;margin-bottom:10px}.convert-text{font-size:14px;color:#c9c9c9;margin-top:10px;text-align:justify}.swap-card{background:linear-gradient(#22383e,#0c1416);border:1px solid #5a6d55;border-radius:14px;padding:15px;margin-bottom:8px}.swap-card-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:20px;color:#fff}.swap-card-header span:first-child{font-weight:600}.currency-highlight{font-weight:600;color:#31f600;font-size:12px}.swap-input-section{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:15px}.token-select{display:flex;align-items:center;gap:10px;cursor:pointer}.token-img{width:32px;height:32px;border-radius:50%}.token-name{font-weight:600;font-size:20px;margin-right:5px}.swap-input{font-weight:600;font-size:24px;border:none;outline:none;background:transparent;text-align:right;width:150px;color:#fff}.swap-input::placeholder{color:#ffffff4d}.swap-input::-webkit-outer-spin-button,.swap-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.swap-input[type=number]{-moz-appearance:textfield}.wallet-info{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #7d7d7d;margin-top:15px;padding:15px 0 10px;font-size:14px}.wallet-address-display{display:flex;align-items:center;gap:8px}.metamask-icon{width:20px;height:20px;margin-left:5px}.address-text{color:#33ffd2;font-size:14px}.max-btn{color:#ff5722;font-weight:600;cursor:pointer;padding:4px 12px;border-radius:4px;transition:all .3s}.max-btn:hover{background:#ff57221a}.swap-direction-container{text-align:center;z-index:10;margin:-8px 0}.swap-direction-btn{display:inline-flex;justify-content:center;cursor:pointer;transition:all .3s}.swap-direction-btn:hover{transform:scale(1.1)}.swap-direction-inner{width:48px;height:48px;background:#172326;border-radius:50%;display:flex;align-items:center;justify-content:center}.swap-direction-inner svg{width:38px;height:38px;padding:2px;border:2px solid #31f600;border-radius:50%;color:#31f600}.swap-output-section{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:15px}.swap-output{font-weight:600;font-size:28px;color:#fff;text-align:right}.rate-info{border-top:1px dashed #c1c1c1;margin-top:15px;padding:15px 0 10px;color:#fff;font-size:14px}.rate-row{display:flex;justify-content:space-between;align-items:center}.rate-value{color:#31f600;font-weight:600}.rate-currency{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.rate-currency.usdt{color:#009f15}.rate-currency.gm3{color:#cba30b}.swap-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.approve-btn{width:100%;padding:14px;border:2px solid #ffa500;border-radius:10px;background:#ffa5001a;color:orange;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.swap-btn{width:100%;padding:15px;border:none;border-radius:10px;background:linear-gradient(135deg,#31f600,#27c400);color:#000;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.swap-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #31f6004d}.swap-btn:disabled{opacity:.5;cursor:not-allowed;background:#5a6d55;color:#bdbdbd}@media (max-width: 600px){.swap-input{width:120px;font-size:20px}.swap-output{font-size:24px}}.market-maker-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.create-card{background:linear-gradient(#23383e,#0c1416);border:2px dashed #31f600;border-radius:16px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;transition:all .3s;margin-bottom:30px}.create-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #31f60033;border-color:#27c400}.create-text{font-size:18px;font-weight:600;color:#31f600}.progress-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px}.progress-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:16px;font-weight:600}.progress-bar-container{display:flex;align-items:center;gap:15px;margin-bottom:15px}.progress-bar{flex:1;height:8px;background:#31f60033;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#31f600,#27c400);transition:width .3s}.progress-text{font-size:14px;font-weight:600;color:#31f600;min-width:40px;text-align:right}.confirmation-text{font-size:14px;color:#ffffffb3;line-height:1.6;margin:0}.empty-state{text-align:center;padding:40px 20px}.empty-state img{width:120px;opacity:.6;margin-bottom:20px}.empty-state p{color:#fff9;margin:5px 0}.empty-hint{font-size:14px;color:#ffffff80}.create-card.disabled{opacity:.6;cursor:not-allowed;border-style:solid}.create-card.disabled:hover{transform:none;box-shadow:none}.create-hint{font-size:13px;color:#bdbdbd;margin-top:4px}.active-stake-section{margin-bottom:30px}.stake-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px}.stake-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.stake-amount .amount-label{font-size:12px;color:#bdbdbd;margin-bottom:4px}.stake-amount .amount-value{font-size:28px;font-weight:700;color:#31f600;margin-bottom:4px}.stake-amount .amount-details{font-size:13px;color:#fff}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.locked{background:#ffa50033;color:orange}.status-badge.unlocked{background:#31f60033;color:#31f600}.stake-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-label{color:#bdbdbd}.detail-value{font-weight:600;color:#fff}.detail-value.time{color:#31f600}.rewards-section{margin-top:16px}.reward-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px}.reward-row.total{border-top:2px solid rgba(49,246,0,.3);padding-top:12px;margin-top:8px;font-weight:700}.reward-value{font-weight:600}.reward-value.success{color:#31f600}.refreshing{display:inline-block;margin-left:8px;animation:spin 1s linear infinite}.token-returns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.token-return-item{background:#ffffff08;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.token-label{font-size:12px;color:#bdbdbd}.token-value{font-size:14px;font-weight:600;color:#31f600}.withdraw-btn{width:100%;padding:14px;margin-top:16px;background:linear-gradient(135deg,#31f600,#27c400);border:none;border-radius:10px;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.withdraw-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #31f60066}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.stat-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:10px;padding:16px;text-align:center}.stat-label{font-size:12px;color:#bdbdbd;margin-bottom:8px}.stat-value{font-size:20px;font-weight:700;color:#31f600}.divider{height:1px;background:#ffffff1a;margin:16px 0}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr 1fr}.token-returns{grid-template-columns:1fr}}.market-maker-create-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:100px}.content h3{font-size:18px;margin-bottom:10px;color:#97fd00}.form-description{font-size:14px;color:#bdbdbd;margin-bottom:20px}.form-card,.info-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:20px;overflow-x:auto}.contract-info{margin-bottom:20px}.contract-info label{display:block;font-size:14px;margin-bottom:8px}.contract-address{background:#31f6001a;border:1px solid #31f600;border-radius:8px;padding:12px;font-size:14px;color:#31f600;word-break:break-all}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px;letter-spacing:1.4px}.input-field{display:flex;align-items:center;background:#fff;border:2px solid #31f600;border-radius:8px;padding:10px 15px;gap:10px}.input-field.disabled{background:#383c3d;border-color:#636363}.input-field input{flex:1;border:none;background:transparent;font-size:18px;font-weight:500;color:#000;outline:none}.input-field.disabled input{color:#fff}.input-field .currency{font-size:14px;font-weight:600;color:#2ebb0b}.hint{display:block;font-size:11px;color:#ffb74d;margin-top:5px;padding-left:5px}.input-info{display:flex;justify-content:space-between;font-size:12px;color:#fff9;padding:5px;margin-top:5px}.info-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.info-value{text-align:right}.info-value div{font-size:18px;font-weight:600;margin-bottom:4px}.info-value small{font-size:12px;color:#ffffffb3}.success{color:#31f600;font-weight:600}.divider{height:1px;background:#fff3;margin:10px 0}.footer-btn{position:fixed;bottom:0;left:0;right:0;background:#172326;padding:20px;z-index:1000}.create-btn{width:100%;background:#22ad00;color:#fff;border:none;border-radius:18px;padding:15px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.create-btn:hover:not(:disabled){background:#1d9400;transform:translateY(-2px)}.create-btn:disabled{background:#555;cursor:not-allowed}.level-info-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.level-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;color:#000;white-space:nowrap}.level-details{flex:1}.level-name{font-size:16px;font-weight:600;margin-bottom:4px}.level-limit{font-size:13px;color:#bdbdbd}.error-banner{background:#f051421a;border:1px solid rgba(240,81,66,.3);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#f05142}.period-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}.period-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;cursor:pointer;transition:all .3s;text-align:center}.period-option.selected{background:#31f6001a;border-color:#31f600}.period-option:hover{border-color:#31f60080}.period-label{font-size:15px;font-weight:600;margin-bottom:4px}.period-rate{font-size:13px;color:#31f600;margin-bottom:2px}.period-total{font-size:12px;color:#bdbdbd}.ratio-grid{display:grid;gap:10px;margin-top:10px}.ratio-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;cursor:pointer;transition:all .3s}.ratio-option.selected{background:#31f6001a;border-color:#31f600}.ratio-option:hover{border-color:#31f60080}.ratio-label{font-size:15px;font-weight:600;margin-bottom:4px}.ratio-desc{font-size:12px;color:#bdbdbd}.tokens-breakdown{margin-top:20px}.tokens-breakdown h4{font-size:15px;margin-bottom:12px;color:#97fd00}.token-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.token-item:last-child{border-bottom:none}.token-info{display:flex;flex-direction:column;gap:4px}.token-name{font-size:14px;font-weight:600}.token-balance{font-size:12px;color:#bdbdbd}.token-amount{font-size:15px;font-weight:600;color:#31f600}.balance-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:16px;margin-bottom:20px}.balance-card h4{font-size:15px;margin-bottom:12px;color:#97fd00}.balance-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.footer-actions{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#172326 80%,transparent);padding:20px;display:flex;flex-direction:column;gap:10px}.approve-btn{width:100%;padding:14px;border:2px solid #ffa500;border-radius:10px;background:#ffa5001a;color:orange;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.approve-btn.gm3{border-color:#31f600;background:#31f6001a;color:#31f600}.approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffa5004d}.approve-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 600px){.period-grid{grid-template-columns:1fr 1fr}}.levels-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:50px}.content{padding:20px}.content h2{font-size:18px;margin:25px 0 15px}.section-desc{font-size:14px;color:#c4c4c4;margin-bottom:20px}.progress-section{margin-bottom:30px}.progress-item{display:flex;justify-content:space-between;align-items:start;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.progress-info{flex:1}.progress-label{font-size:16px;margin-bottom:5px}.progress-desc{font-size:12px;color:#c4c4c4}.progress-stats{text-align:right;font-size:14px}.warning{color:#ff9800}.success{color:#31f600}.level-detail-card{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:20px;margin-bottom:20px}.level-header{display:flex;align-items:start;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #424243}.level-badge{padding:10px;border-radius:4px;font-size:16px;font-weight:600;min-width:50px;text-align:center}.level-badge.current,.level-badge.unlocked{background:#6e3975;color:#31f600}.level-badge.locked{background:#757272;color:#fff}.level-name{font-size:18px;font-weight:600;color:#31f600;margin-bottom:5px}.level-desc{font-size:14px;color:#fffc}.level-detail-card h4{font-size:14px;color:#31f600;margin-bottom:10px}.level-detail-card ul{list-style-position:inside;padding:0;margin:0;font-size:14px}.level-detail-card ul li{margin-bottom:8px}.level-card{border-radius:12px;padding:15px;margin-bottom:10px;box-shadow:0 20px 60px #ffffff1a}.level-card.unlocked{background:linear-gradient(#29af07,#1a8300)}.level-card.locked{background:linear-gradient(#23383e,#0c1416);border:1px solid #5a6d55}.level-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.level-badge-container{display:flex;align-items:start;gap:10px;flex:1}.level-requirements{font-size:14px;line-height:1.6;padding-top:10px;border-top:1px dashed #fff}.icon-check{color:#12ff4b}.icon-lock{color:#eaff17}@media (max-width: 768px){.progress-item{flex-direction:column}.progress-stats{text-align:left;margin-top:10px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner-large{width:48px;height:48px;border:4px solid rgba(49,246,0,.2);border-top-color:#31f600;border-radius:50%;animation:spin .8s linear infinite}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-top:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#31f600,#27c400);border-radius:4px;transition:width .5s ease}.achievement-badge{background:linear-gradient(135deg,#31f60026,#31f6000d);border:2px solid #31f600;border-radius:12px;padding:16px;margin-top:20px;display:flex;align-items:center;gap:12px;color:#31f600;font-weight:600}.achievement-badge svg{flex-shrink:0}.level-badge.level-1{background:linear-gradient(135deg,#cd7f32,#8b5a2b)}.level-badge.level-2{background:linear-gradient(135deg,silver,gray)}.level-badge.level-3{background:linear-gradient(135deg,gold,#b8860b)}.level-badge.level-4{background:linear-gradient(135deg,#e5e4e2,#a8a8a8)}.level-badge.level-5{background:linear-gradient(135deg,#b9f2ff,#4da6ff)}.level-badge.level-6{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.level-badge.level-7{background:linear-gradient(135deg,#ff6b6b,#c92a2a)}.level-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.level-subtitle{font-size:13px;color:#fff9}.benefits-section{margin-top:20px}.benefits-section h4{font-size:16px;margin-bottom:12px;color:#31f600}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.benefit-item{display:flex;align-items:center;gap:10px;background:#31f6000d;padding:12px;border-radius:8px;border:1px solid rgba(49,246,0,.2)}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-details{flex:1}.benefit-label{font-size:11px;color:#fff9;margin-bottom:2px}.benefit-value{font-size:16px;font-weight:700;color:#31f600}.stats-section{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.stat-label{color:#ffffffb3}.stat-value{font-weight:600;color:#fff}.level-card.current{border:2px solid #31f600;box-shadow:0 0 20px #31f60033}.level-card-info{flex:1}.requirement-title{font-size:13px;font-weight:600;color:#31f600;margin:12px 0 8px}.requirement-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.requirement-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#fffc}.requirement-item svg{color:#31f600;flex-shrink:0}.benefit-list{display:flex;flex-direction:column;gap:6px}.benefit-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.benefit-row span:first-child{color:#ffffffb3}.benefit-row .highlight{color:#31f600;font-weight:600}@media (max-width: 600px){.benefit-grid{grid-template-columns:1fr}}.platform-overview-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:40px}.overview-header{background:#172326;padding:25px 0 15px;border-bottom:1px solid #2d3131}.header-toolbar{padding:0 25px}.separate{display:flex;align-items:center;justify-content:space-between}.separate-start{display:flex;align-items:center;gap:10px}.back-button{background:#31f600;width:40px;padding:5px 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-title{font-size:18px;font-weight:600;color:#fff}.header-subtitle{font-size:12px;color:#fffc;margin-top:2px}.overview-content{padding:10px 25px 25px;color:#fff}.section-divider{border-bottom:1px solid #4b5b5f;padding-bottom:10px;font-size:18px;color:#31f600;margin-top:20px;margin-bottom:15px}.section-divider:first-child{margin-top:0}.emoji{font-size:24px;margin-right:8px}.section-text{color:#fff;text-align:justify;font-size:14px;line-height:1.6;margin:15px 0}.section-text strong{color:#31f600}.contract-info{margin:20px 0}.contract-item{margin-bottom:10px}.contract-label{font-size:14px;color:#c4c4c4;margin-bottom:3px}.contract-address{color:#31f600;font-size:14px;word-break:break-all;font-family:monospace}.contract-note{font-size:12px;color:gold;margin-top:15px}.staking-box{display:flex;flex-direction:column;gap:10px;margin:15px 0}.staking-option{background:linear-gradient(#22383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.staking-option.highlighted{border:2px solid #31f600;box-shadow:0 0 15px #31f6004d}.staking-period{font-size:18px;font-weight:600;color:#31f600}.staking-details{text-align:right}.staking-rate{font-size:14px;color:#ffffffe6;margin-bottom:3px}.staking-total{font-size:16px;font-weight:700;color:#31f600}.ratio-box{display:flex;flex-direction:column;gap:10px;margin:15px 0}.ratio-option{background:linear-gradient(#22383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:15px 20px}.ratio-title{font-size:16px;font-weight:600;color:#31f600;margin-bottom:5px}.ratio-desc{font-size:14px;color:#fffc}.advantage-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.advantage-icon{width:50px;background:#31f600;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.advantage-content{flex:1}.advantage-title{font-weight:600;color:#31f600;font-size:16px;margin-bottom:3px}.advantage-desc{font-size:14px;color:#fffc;line-height:1.5}.workflow-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px}.workflow-number{background:#4b4b4b;border-radius:4px;font-weight:600;color:#31f600;width:50px;padding:12px 20px;font-size:20px;text-align:center;flex-shrink:0}.workflow-content{flex:1;padding-top:8px}.workflow-title{font-weight:600;color:#31f600;font-size:16px;margin-bottom:3px}.workflow-desc{font-size:14px;color:#fffc;line-height:1.5}.level-box{background:linear-gradient(#22383e,#0c1416);border:1px solid #5a6d55;margin-bottom:10px;border-radius:8px;padding:15px}.level-header{display:flex;align-items:center;gap:15px;margin-bottom:10px;border-bottom:1px solid #4b5457;padding-bottom:10px}.level-badge{background:#4b4b4b;border-radius:4px;font-weight:600;color:#31f600;width:50px;padding:10px 0;font-size:18px;text-align:center;flex-shrink:0}.level-info{flex:1}.level-name{font-weight:600;color:#31f600;font-size:18px;margin-bottom:3px}.level-subtitle{font-size:14px;color:#fffc}.level-section-title{font-size:14px;color:#31f600;margin-top:10px;margin-bottom:5px;font-weight:500}.level-list{padding:0 0 0 30px;margin:5px 0;font-size:14px;color:#ffffffe6;line-height:1.8}.level-list li{margin-bottom:3px}.note-box{background:linear-gradient(#22383e,#0c1416);border:1px solid #5a6d55;border-radius:12px;padding:15px 20px;margin:15px 0}.note-item{display:flex;gap:10px;margin-bottom:10px;font-size:14px;color:#ffffffe6;line-height:1.6}.note-item:last-child{margin-bottom:0}.note-bullet{color:#31f600;font-weight:700;flex-shrink:0}@media (max-width: 768px){.overview-content{padding:10px 20px 25px}.staking-option{flex-direction:column;align-items:flex-start;gap:10px}.staking-details{text-align:left}}.profile-page{background:#172326;color:#fff;min-height:100vh;padding-bottom:40px}.profile-header{background:#172326;padding:25px 20px 15px;border-bottom:1px solid #2d3131}.header-toolbar{display:flex;align-items:center;gap:15px}.back-button{background:#31f600;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.header-title{font-size:20px;font-weight:600;color:#fff}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(49,246,0,.2);border-top-color:#31f600;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}.profile-content{padding:20px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:30px 0;border-bottom:1px solid #2d3131;margin-bottom:20px}.avatar-circle{width:100px;height:100px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #31f600;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:0 4px 20px #31f6004d}.level-badge{background:linear-gradient(135deg,#31f600,#25c100);color:#000;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 3px 15px #31f60066}.profile-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2d3d45;border-radius:12px;padding:20px;margin-bottom:15px}.section-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.info-display{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-value{font-size:18px;font-weight:600;color:#fff;flex:1;text-align:left!important}.edit-button,.copy-button{background:#31f6001a;border:1px solid #31f600;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.edit-button:hover,.copy-button:hover{background:#31f60033;transform:scale(1.05)}.edit-button:active,.copy-button:active{transform:scale(.95)}.address-display{flex:1;overflow:hidden}.address-short{display:block;font-size:16px;font-weight:600;color:#31f600;font-family:monospace}.address-full{display:block;font-size:12px;color:#ffffff80;word-break:break-all;margin-top:3px;font-family:monospace}.edit-form{width:100%}.username-input{width:100%;background:#0000004d;border:1px solid #31f600;border-radius:8px;padding:12px 15px;font-size:16px;color:#fff;margin-bottom:10px;transition:all .3s ease}.username-input:focus{outline:none;border-color:#31f600;box-shadow:0 0 0 3px #31f6001a}.username-input:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#f44;font-size:12px;margin-bottom:10px}.edit-actions{display:flex;gap:10px}.cancel-button,.save-button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover:not(:disabled){background:#ffffff26}.save-button{background:#31f600;color:#000}.save-button:hover:not(:disabled){background:#25c100;transform:translateY(-1px);box-shadow:0 4px 12px #31f60066}.cancel-button:disabled,.save-button:disabled{opacity:.5;cursor:not-allowed}.stats-section{margin:20px 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2d3d45;border-radius:12px;padding:20px 15px;text-align:center}.stat-icon{margin-bottom:10px;display:flex;align-items:center;justify-content:center}.stat-value{font-size:20px;font-weight:700;color:#31f600;margin-bottom:5px}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.action-button{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2d3d45;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;color:#fff}.action-button:hover{border-color:#31f600;transform:translateY(-2px);box-shadow:0 4px 15px #31f60033}.action-button:active{transform:translateY(0)}.action-button svg{color:#31f600}.action-button span{font-size:13px;font-weight:500;text-align:center}.disconnect-section{margin-top:30px;padding-top:20px;border-top:1px solid #2d3131}.disconnect-button{width:100%;background:linear-gradient(135deg,#991b1b,#dc2626);border:none;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.disconnect-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 4px 20px #dc262666}.disconnect-button:active{transform:translateY(0)}@media (max-width: 768px){.profile-content{padding:15px}.stats-grid,.quick-actions{grid-template-columns:1fr}.address-full{display:none}}@media (min-width: 769px){.address-short{display:none}.address-full{display:block;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#172326;color:#fff}#root{min-height:100vh}button,input{font-family:inherit}a{text-decoration:none;color:inherit}.icon-green{color:#31f600}.icon-white{color:#fff}.icon-yellow{color:#eaff17}.icon-orange{color:#ff9800}.icon-cyan{color:#6bffec}.icon-pink{color:#ff8de0}.color-warning{color:#ff9800}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0c1416}::-webkit-scrollbar-thumb{background:#31f600;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#27c400}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.spinner{width:40px;height:40px;border:4px solid rgba(49,246,0,.1);border-top-color:#31f600;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}