.carousel-container{margin-bottom:30px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a;width:100%}.carousel{position:relative;width:100%;overflow:visible}.carousel-inner{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.carousel-item{min-width:100%;position:relative;display:none}.carousel-item.active{display:block}.carousel-image{width:100%;display:block}.carousel-content{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:20px;text-align:center}.carousel-content h3{margin:0 0 10px;font-size:1.5rem}.carousel-content p{margin:0;font-size:1rem}.carousel-indicators{position:relative;bottom:auto;left:auto;transform:none;display:flex;justify-content:center;gap:10px;margin-top:2px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background .3s ease}.indicator.active{background:#fff}.carousel-control{position:absolute;top:50%;background:#6c6c6c03;overflow:hidden;border:none;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;background:transparent;z-index:10}.carousel-control:hover{background:#000c}.carousel-control.prev{left:20px}.carousel-control.next{right:20px}@media (max-width: 768px){.carousel-content h3{font-size:1.2rem}.carousel-content p{font-size:.9rem}.carousel-control{width:40px;height:40px;font-size:20px}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}}.referral-link-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;padding:15px;border-radius:8px}.referral-link-input{flex:1;padding:10px 15px;border:1px solid #2a4a6c;border-radius:4px;background-color:#0a141e99;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#e6e6ff;box-shadow:inset 0 1px 2px #0003,0 1px 1px #0000001a;transition:all .3s ease;min-width:0}.referral-link-input:focus{outline:none;border-color:#00f3ff;box-shadow:inset 0 1px 2px #0000004d,0 0 0 3px #00f3ff33}.copy-button{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500;box-shadow:0 2px 4px #0003,0 1px 2px #0000001a;position:relative;overflow:hidden;min-width:auto;display:flex;align-items:center;justify-content:center;width:auto}.copy-button:hover{box-shadow:0 4px 8px #0000004d,0 2px 4px #0003;transform:translateY(-1px)}.copy-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003,0 1px 1px #0000001a}.copy-button.copied{background:#00f3ff1a;border-color:#4caf5066}.node-level-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;width:100%}.node-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-align:center}.node-badge.empty{color:#999;background-color:transparent;border:none;padding:4px 0;font-size:14px}.node-icon{width:32px;height:32px;cursor:pointer}.node-details-card{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(0,243,255,.2);box-shadow:0 8px 32px #0000004d;padding:25px;margin-top:20px;position:relative;overflow:hidden}.node-details-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00f3ff,#00b8d4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.card-title{color:#00f3ff;font-size:22px;font-weight:700;margin:0;text-shadow:0 0 10px rgba(0,243,255,.5)}.node-id{background:#00f3ff1a;color:#00f3ff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.node-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;padding:15px;border-radius:12px;background:#ffffff08;transition:all .3s ease}.info-item:hover{background:#00f3ff0d;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.info-item.full-width{grid-column:1 / -1}.info-label{color:#a0a0d0;font-size:13px;margin-bottom:8px;letter-spacing:.5px}.info-value{color:#e6e6ff;font-weight:600;font-size:18px}.info-value.amount{color:#4caf50;font-size:20px}.info-value.referrer{font-family:Courier New,monospace;font-size:16px}.node-badge{padding:6px 16px;border-radius:20px;font-size:16px;font-weight:700;display:inline-block}.badge-stellar{background:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.4);box-shadow:0 0 10px #64b5f64d}.badge-radiant{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4);box-shadow:0 0 10px #ff98004d}.badge-galactic{background:#9c27b033;color:#ce93d8;border:1px solid rgba(156,39,176,.4);box-shadow:0 0 10px #9c27b04d}.status-badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.status-active{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.status-inactive{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4)}.status-default{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.4)}@media (max-width: 768px){.node-details-card{padding:20px}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.node-info-grid{grid-template-columns:1fr}.info-item.full-width{grid-column:1}}.navbar{background:#ffffff0d;color:#fff;padding:1rem 0;position:relative}.navbar-header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.logo{width:40px;height:40px;border-radius:50%;background-image:url(/assets/logo-BeWnsPFK.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:0;box-shadow:0 0 10px #00f3ff80}.user-info{display:flex;align-items:center;gap:1rem}.language-selector{position:relative;display:inline-block}.language-toggle{background:#00f3ff1a;color:#00f3ff;border:1px solid rgba(0,243,255,.3);border-radius:4px;padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:all .3s ease}.language-toggle:hover{background:#00f3ff33}.language-dropdown{position:absolute;top:100%;right:0;background:#1a1a2e;border:1px solid rgba(0,243,255,.3);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:120px;margin-top:5px}.language-list{list-style:none;padding:0;margin:0}.language-item{padding:0}.language-option{width:100%;background:none;border:none;padding:10px 15px;text-align:left;color:#e6e6ff;cursor:pointer;font-size:14px;transition:all .2s ease;display:block}.language-option:hover{background:#00f3ff1a}.language-option.active{background:#00f3ff33;color:#00f3ff;font-weight:500}.wallet-address{font-size:.9rem;background:#ffffff1a;padding:.25rem .5rem;border-radius:12px}.notification-btn,.menu-toggle{background:none;border:none;cursor:pointer;color:#4a90e2}.mobile-menu{position:absolute;top:100%;right:1rem;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;z-index:1000;width:200px;margin-top:.5rem}.menu-list{list-style:none;padding:0;margin:0}.menu-item{padding:1rem;border-bottom:1px solid #eee;transition:background-color .2s ease}.menu-item:hover{background-color:#f5f5f5}.menu-item.active{background-color:#f5f5f5;font-weight:700}.menu-item a{text-decoration:none;color:#333;display:flex;justify-content:space-between;align-items:center}.menu-item:last-child{border-bottom:none}.language-toggle svg{transform:rotate(180deg)}@media (min-width: 769px){.menu-toggle{display:none}}@media (max-width: 768px){.mobile-menu{display:block}}@media (max-width: 768px){.navbar-header{padding:0 .5rem}.logo{width:35px;height:35px}.language-toggle{padding:4px 8px;font-size:12px}.mobile-menu{right:.5rem;width:150px}.menu-item a{font-size:14px}}.announcement-marquee{display:flex;align-items:center;overflow:hidden;border-radius:8px;background-color:#ffffff1a;padding:10px 15px;transition:all .3s ease;cursor:pointer}.announcement-content{display:flex;align-items:center;white-space:nowrap;overflow:hidden;position:relative;width:100%}.announcement-text{font-size:14px;color:#fff;margin-right:20px;animation:marquee 180s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.view-all-link{color:#00bfff;text-decoration:underline;font-size:12px;margin-left:10px;cursor:pointer}.main-content{padding-bottom:80px;min-height:calc(100vh - 80px)}.App{min-height:100vh;background:url(/assets/dark-bg-setting-BMl9ZCwa.png),linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;color:#e6e6ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.page-title{text-align:center;margin-bottom:30px;color:#00f3ff;text-shadow:0 0 10px rgba(0,243,255,.5);font-weight:300;letter-spacing:1px}.form-container{max-width:500px;margin:30px auto;padding:30px;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.2);box-shadow:0 8px 32px #00f3ff1a}.card,.form-container,.record-card,.earning-card,.stat-card,.node-details-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.2);box-shadow:0 8px 32px #00f3ff1a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#a0a0d0;font-weight:500}.form-input{width:100%;padding:12px 15px;background:#0003;border:1px solid rgba(0,243,255,.3);border-radius:8px;color:#e6e6ff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#00f3ff;box-shadow:0 0 10px #00f3ff80}.form-input:read-only{background:#0000001a;color:#a0a0d0}.btn{display:inline-block;padding:12px 0;background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:1px;width:100%;box-shadow:0 4px 15px #0072ff4d}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0072ff80}.btn:disabled{cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid rgba(0,243,255,.5);color:#00f3ff;box-shadow:none}.btn-secondary:hover:not(:disabled){background:#00f3ff1a;box-shadow:0 0 15px #00f3ff4d}.card{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.2);box-shadow:0 8px 32px #00f3ff1a}.text-center{text-align:center}.text-muted{color:#a0a0d0}.alert{padding:15px;border-radius:8px;margin-bottom:20px}.alert-info{background:#007bff1a;border:1px solid rgba(0,123,255,.3);color:#66d3ff}.alert-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.grid .card{text-align:center}.grid .card h3{color:#00f3ff;margin-top:0}@media (max-width: 768px){.container{padding:15px}.form-container{padding:20px;margin:20px auto}.referral-link-container{display:flex;flex-wrap:wrap;align-items:center}.referral-link-input{width:100%;max-width:300px}.copy-button{padding:10px;width:50px}.grid{grid-template-columns:1fr}}.lock-type-selector{display:flex;gap:20px;margin-top:20px}.lock-type-option{flex:1;padding:20px;border:2px solid rgba(0,243,255,.3);border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0000001a}.lock-type-option:hover{border-color:#00f3ff99;background:#0003}.lock-type-option.selected{border-color:#00f3ff;background:#00f3ff1a;box-shadow:0 0 15px #00f3ff4d}.lock-type-option h3{margin-top:0;color:#00f3ff}.lock-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:15px}.lock-option{padding:15px;border:1px solid rgba(0,243,255,.3);border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0000001a}.lock-option:hover{border-color:#00f3ff99;background:#0003}.lock-option.selected{border-color:#00f3ff;background:#00f3ff1a;box-shadow:0 0 10px #00f3ff4d}.lock-option-period{font-size:18px;font-weight:700;color:#00f3ff}.lock-option-amount{font-size:14px;color:#a0a0d0;margin-top:5px}.selected-option-info{margin-top:20px;padding:15px;background:#00f3ff1a;border-radius:8px;border:1px solid rgba(0,243,255,.3)}.blindbox-section{text-align:center}.blindbox-preview{cursor:pointer;margin:20px 0;transition:transform .3s ease}.blindbox-preview:hover{transform:scale(1.05)}.gift-box{position:relative;background-image:url(/assets/blinbox-DhauPsvx.jpg);width:120px;height:100px;margin:0 auto}.box-top{position:absolute;top:0;left:20px;width:80px;height:20px;background:#ff4d94;border-radius:5px 5px 0 0}.box-body{position:absolute;top:20px;left:10px;width:100px;height:70px;background:#f36;border-radius:5px}.box-bow{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:20px;height:15px;background:gold;border-radius:50%}.box-bow:before,.box-bow:after{content:"";position:absolute;background:gold;border-radius:50%}.box-bow:before{width:30px;height:8px;top:3px;left:-5px;transform:rotate(-30deg)}.box-bow:after{width:30px;height:8px;top:3px;right:-5px;transform:rotate(30deg)}.blindbox-info{text-align:left;margin-top:20px;padding:15px;background:#0003;border-radius:8px}.blindbox-info ul{padding-left:20px}.blindbox-info li{margin-bottom:8px}.blindbox-result{text-align:center}.result-card{padding:20px;background:#00f3ff1a;border-radius:10px;border:1px solid rgba(0,243,255,.3);margin-bottom:20px}.result-card h3{color:#00f3ff;margin-top:0}.result-details{margin-top:15px}.result-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,243,255,.2)}.result-item:last-child{border-bottom:none}.result-item span:first-child{font-weight:500}.result-item span:last-child{color:#00f3ff;font-weight:700}@media (max-width: 768px){.lock-type-selector{flex-direction:column}.lock-options-grid{grid-template-columns:repeat(2,1fr)}}.lock-records-container .card:first-child{margin-bottom:20px}.records-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.record-card{background:#ffffff0d;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.2);box-shadow:0 8px 32px #00f3ff1a;transition:transform .3s ease,box-shadow .3s ease}.record-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00f3ff33}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:10px}.record-id{color:#a0a0d0;font-size:14px;word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.type-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.type-fixed{background:#007bff33;color:#66d3ff;border:1px solid rgba(0,123,255,.4)}.type-blindbox{background:#ff4d9433;color:#ff4d94;border:1px solid rgba(255,77,148,.4)}.record-details{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-value{color:#e6e6ff;font-weight:500}.status-unlocked{background:#1ec86433;color:#6fa;border:1px solid rgba(30,200,100,.4)}.status-claimed{background:#c8641e33;color:#fa6;border:1px solid rgba(200,100,30,.4)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.pagination-btn{padding:10px 20px;background:#00f3ff1a;color:#00f3ff;border:1px solid rgba(0,243,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.pagination-btn:hover:not(:disabled){background:#00f3ff33;box-shadow:0 0 15px #00f3ff4d;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;transform:none}.pagination-info{color:#a0a0d0;font-size:14px}@media (max-width: 768px){.record-details{grid-template-columns:1fr}.record-header{flex-direction:column;align-items:flex-start;gap:10px}.record-id{width:100%;font-size:13px}.pagination{flex-direction:column;gap:15px}.pagination-btn{width:100%}}.earnings-container .card:first-child{margin-bottom:20px}.earnings-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.summary-item{text-align:center;padding:15px;background:#0000001a;border-radius:10px}.summary-label{color:#a0a0d0;font-size:14px;margin-bottom:5px}.summary-value{color:#00f3ff}.earnings-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.earning-card{background:#ffffff0d;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.2);box-shadow:0 8px 32px #00f3ff1a;transition:transform .3s ease,box-shadow .3s ease}.earning-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00f3ff33}.earning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.earning-id{color:#a0a0d0;font-size:14px}.claim-status{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.claim-status.claimed{background:#1ec86433;color:#6fa;border:1px solid rgba(30,200,100,.4)}.claim-status.available{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.earning-details{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.token-amount{padding:0 10px}.detail-row{display:flex;justify-content:space-between;padding:8px 0}.detail-label{color:#a0a0d0;font-weight:500}.detail-value{color:#84d5f5;font-weight:500}.source-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.source-referral-stake{background:#9c27b033;color:#ce93d8;border:1px solid rgba(156,39,176,.4)}.source-referral-lock{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.source-self-lock{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.4)}.earning-actions{padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.earning-actions .btn{padding:10px 20px;width:auto;display:inline-block}@media (max-width: 768px){.earnings-summary,.earning-details{grid-template-columns:1fr}.earning-header{flex-direction:column;align-items:flex-start;gap:10px}.earning-actions .btn{width:100%}}.profile-container{display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;align-items:center;justify-content:center;width:100%}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background-image:url(/assets/logo-BeWnsPFK.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:0;box-shadow:0 0 10px #00f3ff80}.profile-basic-info h2{margin:0 0 10px;color:#00f3ff;font-size:24px}.profile-wallet{margin:0 0 15px;color:#a0a0d0;font-family:monospace;font-size:14px}.node-level-badge{display:flex;align-items:center;gap:.01px}.node-badge{padding:6px 15px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px}.node-stellar{background:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.4)}.node-radiant{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.node-galactic{background:#9c27b033;color:#ce93d8;border:1px solid rgba(156,39,176,.4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;padding:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{width:50px;height:50px;border-radius:12px;background:#00f3ff1a;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.stat-icon:before{content:"";display:block;width:24px;height:24px;background:#00f3ff;mask-size:cover;-webkit-mask-size:cover}.stat-icon-lock:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E")}.stat-icon-earnings:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='12' y1='1' x2='12' y2='23'%3E%3C/line%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='12' y1='1' x2='12' y2='23'%3E%3C/line%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'%3E%3C/path%3E%3C/svg%3E")}.stat-icon-referral:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E")}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#00f3ff;margin-bottom:5px}.stat-label{color:#a0a0d0;font-size:14px}.profile-details-card{padding:25px}.profile-details-card h3{margin-top:0;color:#00f3ff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.info-item{display:flex;flex-direction:column}.info-label{color:#a0a0d0;font-size:14px;margin-bottom:5px}.info-value{display:flex;align-items:center}.form-actions{display:flex;gap:15px;margin-top:20px}.form-actions .btn{flex:1;padding:12px}@media (max-width: 768px){.profile-header{display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-right:0;margin-bottom:15px}.form-actions{flex-direction:column}.profile-info-grid{grid-template-columns:1fr}}.node-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.node-level-option{padding:20px;border:2px solid rgba(0,243,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#0000001a;position:relative;overflow:hidden}.node-level-option:hover{border-color:#00f3ff99;background:#0003;transform:translateY(-3px);box-shadow:0 5px 15px #00f3ff33}.node-level-option.selected{border-color:#00f3ff;background:#00f3ff1a;box-shadow:0 0 20px #00f3ff66;transform:translateY(-5px)}.node-level-option.selected:before{content:"SELECTED";position:absolute;top:10px;right:10px;background:#00f3ff;color:#0f0c29;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px}.node-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.node-level-name{font-size:20px;font-weight:700;color:#00f3ff}.node-level-badge{border-radius:20px;font-size:12px;font-weight:600}.badge-stellar{background:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.4)}.badge-radiant{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.badge-galactic{background:#9c27b033;color:#ce93d8;border:1px solid rgba(156,39,176,.4)}.badge-default{background:#998f9b33;color:#ce93d8;border:1px solid rgba(156,39,176,.4)}.node-level-details{text-align:left}.node-min-stake{font-size:14px;color:#a0a0d0;margin-bottom:10px;font-weight:500}.node-features ul{padding-left:20px;margin:0}.node-features li{font-size:13px;color:#e6e6ff;margin-bottom:5px}.form-hint{font-size:12px;color:#a0a0d0;margin-top:5px}@media (max-width: 768px){.node-levels-grid{grid-template-columns:1fr}.node-level-header{flex-direction:column;align-items:flex-start;gap:10px}}@mediaSomething wrong happened,please give me more information or retry .profile-actions{display: flex; align-items: center; margin-left: auto;}.disconnect-button{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.disconnect-button:hover{background:#f4433633;border-color:#f4433680}@media (max-width: 768px){.profile-header{display:flex;align-items:center;justify-content:center;width:100%}.profile-actions{margin-left:0;width:100%}.disconnect-button{width:100%}}.node-icon{width:30px;height:30px;border-radius:0;background-color:#00f3ff;display:inline-block;box-shadow:0 0 10px #00f3ff80;object-fit:cover}.node-icon img{transform:rotate(-45deg);width:100%;height:100%}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1a1a2e;padding:10px;border-radius:12px;text-align:center;max-width:100%;max-height:100%;overflow:auto}.modal-image{max-width:100%;max-height:80vh;border-radius:8px}.modal-close{margin-top:20px;padding:10px 20px;background:#00f3ff;color:#0f0c29;border:none;border-radius:6px;cursor:pointer;font-weight:700}@media (max-width: 768px){.profile-header{display:flex;align-items:center;justify-content:center;width:100%}.avatar-placeholder{flex-shrink:0}}.fullscreen-modal-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.fullscreen-modal-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.fullscreen-modal-close{position:absolute;top:20px;right:20px;padding:10px 15px;background:#00f3ff;color:#0f0c29;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;z-index:1001}@media (max-width: 768px){.fullscreen-modal-overlay{padding:10px}.fullscreen-modal-image{max-width:95vw;max-height:85vh}.fullscreen-modal-close{top:10px;right:10px;padding:8px 12px;font-size:14px}}.language-selector{position:absolute;right:40px;z-index:1000;display:flex;gap:10px}.language-selector button{background:#00f3ff1a;color:#00f3ff;border:1px solid rgba(0,243,255,.3);border-radius:4px;padding:5px 10px;cursor:pointer;transition:all .3s ease}.language-selector button:hover{background:#00f3ff33}.language-selector button.active{background:#00f3ff4d;font-weight:700}@media (max-width: 768px){.language-selector button{padding:3px 8px;font-size:12px}}.referral-container .card:first-child{margin-bottom:20px}.chart-container{overflow-x:auto;padding:20px 0}.chart{display:flex;align-items:flex-end;justify-content:space-around;height:150px;padding:0 10px}.chart-bar{display:flex;flex-direction:column;align-items:center;margin:0 5px}.bar-value{font-size:12px;color:#00f3ff;margin-bottom:5px}.bar{width:30px;background:linear-gradient(to top,#00c6ff,#0072ff);border-radius:4px 4px 0 0;min-height:2px}.bar-label{font-size:10px;color:#a0a0d0;margin-top:5px;white-space:nowrap}.earnings-stats-container .card:first-child{margin-bottom:20px}.chart-container{margin:20px 0;text-align:center}@media (max-width: 768px){.chart{justify-content:flex-start}.chart-bar{margin:0 3px}.bar{width:20px}}.community-section{text-align:center;margin-top:40px;padding:20px}.social-icons{display:flex;justify-content:center;gap:20px;margin:20px 0}.social-icons a{display:inline-block;width:50px;height:50px;border-radius:50%;background:#0003;transition:all .3s ease;cursor:pointer}.social-icons a:hover{transform:scale(1.1);background:#00f3ff33}.social-icons img{width:24px;height:24px;margin:13px}.copyright{color:#a0a0d0;font-size:14px;margin-top:20px}.announcement-marquee-container{background:#0003;border-radius:10px;padding:15px;margin:20px 0;border:1px solid rgba(0,243,255,.3);cursor:pointer;transition:all .3s ease}.announcement-marquee-container:hover{background:#0000004d;border-color:#00f3ff80}.announcement-header{display:flex;align-items:center;margin-bottom:10px}.announcement-icon{font-size:20px;margin-right:10px}.announcement-label{font-weight:600;color:#00f3ff;font-size:16px}.announcement-marquee{display:flex;justify-content:space-between;align-items:center}.announcement-content{flex:1;overflow:hidden;white-space:nowrap;position:relative}.announcement-item{display:inline-block;padding-left:100%;animation:marquee 120s linear infinite;color:#e6e6ff;font-size:14px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.view-all-link{color:#00f3ff;font-size:14px;text-decoration:underline;margin-left:15px;white-space:nowrap;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a2e;border-radius:15px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;border:1px solid rgba(0,243,255,.3);box-shadow:0 10px 30px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#00f3ff}.modal-close{background:none;border:none;color:#a0a0d0;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.announcements-list{display:flex;flex-direction:column;gap:15px}.announcement-card{background:#ffffff0d;border-radius:10px;padding:15px;border:1px solid rgba(0,243,255,.2)}.announcement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.announcement-card-header h3{margin:0;color:#00f3ff;font-size:18px}.announcement-date{color:#a0a0d0;font-size:14px}.announcement-card p{margin:0;color:#e6e6ff;line-height:1.5}@media (max-width: 768px){.announcement-marquee-container{padding:10px}.announcement-label{font-size:14px}.announcement-item,.view-all-link{font-size:12px}.modal-content{width:95%}.modal-header,.modal-body{padding:15px}.announcement-card-header{flex-direction:column;align-items:flex-start;gap:5px}}.token-selection-container{margin-bottom:30px}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-top:15px}.token-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.token-option:hover{background:#00f3ff1a;transform:translateY(-3px)}.token-option.selected{border-color:#00f3ff;background:#00f3ff26;box-shadow:0 0 15px #00f3ff4d}.token-logo{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00f3ff,#06f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.token-symbol{font-weight:600;color:#e6e6ff}.lock-type-options{display:flex;gap:15px;margin-top:10px}.lock-type-btn{flex:1;padding:12px;background:#ffffff0d;border:1px solid rgba(0,243,255,.3);color:#a0a0d0}.lock-type-btn.active{background:#00f3ff33;color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 15px #00f3ff4d}.blindbox-result{background:#00f3ff1a;border-radius:10px;padding:20px;margin:20px 0;text-align:center}.blindbox-result h4{color:#00f3ff;margin-top:0}@media (max-width: 768px){.token-grid{grid-template-columns:repeat(3,1fr)}.lock-type-options{flex-direction:column}}.withdraw-button{padding:4px 8px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#00f3ff,#6999e0);color:#fff;box-shadow:0 4px 6px #ee5a524d}.withdraw-button:hover{background:linear-gradient(135deg,#00f3ff,#5e94e4);transform:translateY(-2px);box-shadow:0 6px 12px #ee5a5266}.withdraw-button:active{transform:translateY(0);box-shadow:0 2px 4px #ee5a524d}.withdraw-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.withdraw-button.loading{position:relative;pointer-events:none}.withdraw-button.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.pagination-horizontal .ant-pagination{display:flex;justify-content:center;align-items:center;gap:8px}.pagination-horizontal .ant-pagination-item{margin:0;border-radius:4px;color:#000;padding:6px 12px;font-size:14px;cursor:pointer}.pagination-horizontal .ant-pagination-item:hover{background:#00f3ff33}.pagination-horizontal .ant-pagination-item-active{background-color:#4b595a;color:#000}.pagination-horizontal .ant-pagination-prev,.pagination-horizontal .ant-pagination-next{margin:0;padding:6px 12px;border:1px solid #536869;border-radius:4px;color:#000;cursor:pointer}.record-actions{margin-top:20px;text-align:center}.record-actions .ant-btn{background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:8px;font-weight:600;letter-spacing:1px;box-shadow:0 4px 15px #0072ff4d}.record-actions .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0072ff80}.record-actions .ant-btn:disabled{transform:none;box-shadow:none}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.status-locked{background:#007bff33;color:#66d3ff;border:1px solid rgba(0,123,255,.4)}.status-claimed{background:#1ec86433;color:#6fa;border:1px solid rgba(30,200,100,.4)}.claimed-status{background-color:#e9ecef;color:#6c757d;padding:8px 16px;border-radius:4px;font-weight:500}.tabs{display:flex;justify-content:center;margin-bottom:30px;background:#0006;border-radius:15px;padding:6px;border:1px solid rgba(0,243,255,.4);box-shadow:0 0 25px #00f3ff4d,inset 0 0 10px #00f3ff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f3ff,#0072ff,transparent);animation:scanline 2s linear infinite;filter:drop-shadow(0 0 5px #00f3ff)}.tab{flex:1;padding:18px 35px;background:transparent;border:none;color:#a0a0d0;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1.5px;margin:0 2px;border-radius:10px}.tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.3),transparent);transition:left .6s ease}.tab:hover:before{left:100%}.tab:hover{color:#00f3ff;text-shadow:0 0 15px rgba(0,243,255,.7);transform:translateY(-1px);box-shadow:0 4px 12px #00f3ff33}.tab.active{background:linear-gradient(135deg,#00f3ff40,#0072ff40);color:#00f3ff;border-radius:10px;box-shadow:0 0 20px #00f3ff66,inset 0 2px #ffffff26,inset 0 -2px #0003;text-shadow:0 0 12px rgba(0,243,255,1);transform:translateY(0)}.tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70%;height:3px;background:linear-gradient(90deg,#00c6ff,#0072ff,#00c6ff);border-radius:3px;animation:pulse 1.5s infinite;filter:drop-shadow(0 0 3px #00f3ff)}.tab.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(0,243,255,.1) 0%,transparent 70%);animation:glow 2s infinite}@media (max-width: 768px){.tabs{flex-direction:row;padding:4px;margin-bottom:20px}.tab{padding:12px 20px;font-size:14px;margin:0 1px;letter-spacing:1px}.tab.active:after{width:60%;height:2px}}@media (max-width: 480px){.tabs{flex-direction:row;padding:8px}.tab{padding:12px 16px;margin-bottom:4px;font-size:13px}.tab:last-child{margin-bottom:0}.tab.active:after{width:50%}}
