.member-area{background-color:var(--bg-secondary);padding:30px;border-radius:8px;margin-bottom:40px}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.member-status{display:inline-block;padding:8px 16px;background-color:var(--text-secondary);color:var(--bg-primary);border-radius:20px;font-weight:500}.member-status.member{background-color:#4CAF50}.member-status.node-operator{background-color:#FF5722}.connect-wallet-btn{padding:12px 24px;background-color:var(--highlight-color);color:white;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.connect-wallet-btn:hover{background-color:#e64a19}.membership-tiers{margin-bottom:40px}.tiers-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:20px}.tier-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column;position:relative}.tier-card.active{border-color:#FF5722;box-shadow:0 5px 15px rgba(255,87,34,.1)}.tier-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.tier-header{background-color:#333333;color:white;padding:15px 20px;text-align:center}.tier-name{margin:0 0 5px;font-size:1.3rem}.tier-price{font-size:1.1rem;opacity:.8}.tier-benefits{padding:20px;flex-grow:1}.tier-benefits ul{list-style-type:none;padding:0;margin:0}.tier-benefits li{position:relative;padding:8px 0 8px 25px}.tier-benefits li:before{content:"✓";position:absolute;left:0;color:#FF5722}.benefit-highlight{font-weight:600;color:#FF5722}.tier-actions{padding:20px;text-align:center;display:flex;justify-content:center}.join-button,.upgrade-button{background-color:#FF5722;border-radius:6px;padding:12px 20px;font-size:1.05rem;transition:background-color .2s}.join-button:hover,.upgrade-button:hover{background-color:#E64A19}.join-button:disabled,.upgrade-button:disabled{background-color:#bbb}.current-tier-badge{display:inline-block;background-color:#4CAF50;padding:10px 20px;border-radius:6px;font-weight:500}.intro-section{background-color:var(--bg-secondary);border-radius:8px;padding:30px;margin-bottom:40px;text-align:center}.intro-section h2{color:#FF5722;margin-bottom:15px}.intro-section p{max-width:800px;margin:0 auto 25px;font-size:1.1rem;line-height:1.6}.key-benefits{display:flex;justify-content:center;gap:25px;margin-top:30px;flex-wrap:wrap}.benefit-item{display:flex;flex-direction:column;align-items:center;width:120px}.benefit-icon{font-size:2.2rem;margin-bottom:10px}.benefit-text{font-size:.95rem;font-weight:500}.member-stats{background-color:var(--bg-secondary);padding:25px;border-radius:8px;margin-bottom:40px}.stats-header{margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.stat-card{background-color:var(--bg-primary);border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.1)}.stat-icon{font-size:1.7rem;margin-bottom:8px}.stats-grid .stat-value{font-size:1.2rem;font-weight:600;margin-bottom:5px;display:block}.stats-grid .stat-label{font-size:.85rem;color:var(--text-secondary);display:block}.membership-benefits{margin-bottom:40px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:20px}.benefit-card{background-color:var(--bg-secondary);border-radius:8px;padding:25px;text-align:center;transition:transform .2s}.benefit-card:hover{transform:translateY(-5px)}.benefit-icon{font-size:2.5rem;margin-bottom:15px}.benefit-title{font-size:1.2rem;margin-bottom:10px;color:#FF5722}.benefit-description{font-size:.95rem;line-height:1.5}.profit-sharing{background-color:var(--bg-secondary);border-radius:8px;padding:30px;margin-bottom:40px}.profit-sharing-header{margin-bottom:20px}.eligibility-info{background-color:var(--bg-primary);border-radius:6px;padding:20px;margin-bottom:25px}.eligibility-info h4{margin-top:0;margin-bottom:15px;color:#FF5722}.eligibility-info ul{list-style-type:none;padding:0;margin-bottom:20px}.eligibility-info li{position:relative;padding:8px 0 8px 25px}.eligibility-info li:before{content:"•";position:absolute;left:0;color:#FF5722;font-weight:700}.eligibility-highlight{font-weight:600;color:#FF5722}.eligibility-status{font-weight:500}.eligible{color:#4CAF50}.not-eligible{color:#F44336}.profit-details{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.profit-detail{background-color:var(--bg-primary);padding:20px;border-radius:8px;text-align:center}.profit-detail-value{font-size:1.4rem;font-weight:600;margin-bottom:10px;color:#FF5722}.profit-detail-label{font-size:.9rem;color:var(--text-secondary)}.next-distribution{background-color:var(--bg-primary);padding:20px;border-radius:8px;text-align:center}.distribution-date{font-size:1.1rem;margin-bottom:20px}.claim-button{background-color:#FF5722;color:white;border:none;border-radius:6px;padding:12px 25px;font-weight:500;cursor:pointer;transition:background-color .2s}.claim-button:hover{background-color:#E64A19}.claim-button:disabled{background-color:#bbb;cursor:not-allowed}.error-message{background-color:#FFEBEE;color:#B71C1C}.error-message,.success-message{padding:15px;border-radius:6px;margin-bottom:20px}.success-message{background-color:#E8F5E9;color:#1B5E20}.transaction-hash{font-size:.9rem;margin-top:10px}.transaction-hash a{color:#1976D2;text-decoration:underline}@media (max-width:1024px){.benefits-grid,.profit-details,.stats-grid,.tiers-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.benefits-grid,.profit-details,.stats-grid,.tiers-container{grid-template-columns:1fr}.member-header{flex-direction:column;align-items:flex-start}.member-status{margin-bottom:15px}}.user-id-section{background:rgba(255,255,255,.05);border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid rgba(255,255,255,.1)}.user-id-form{margin-top:16px}.input-group{display:flex;gap:12px;align-items:center}.user-id-input{flex:1 1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:white;font-size:16px}.user-id-input::placeholder{color:rgba(255,255,255,.6)}.submit-btn{padding:12px 24px;background:linear-gradient(135deg,#FF6B35,#F7931E);border:none;border-radius:8px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.user-id-help{margin-top:12px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.5}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.payment-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:white;font-size:24px}.close-btn{background:none;border:none;color:rgba(255,255,255,.7);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:rgba(255,255,255,.1);color:white}.modal-content{padding:24px}.payment-info{text-align:center;margin-bottom:24px}.payment-info h4{margin:0 0 8px;color:white;font-size:20px}.payment-amount{color:#FF6B35;font-size:24px;font-weight:700;margin:0}.qr-code-section{text-align:center;margin-bottom:24px}.qr-code-section h5{margin:0 0 16px;color:rgba(255,255,255,.9);font-size:16px}.qr-code{display:inline-block;padding:16px;background:white;border-radius:12px;margin:0 auto}.payment-request-section{margin-bottom:24px}.payment-request-section h5{margin:0 0 12px;color:rgba(255,255,255,.9);font-size:16px}.payment-request{display:flex;gap:8px}.payment-request-text{flex:1 1;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:white;font-family:monospace;font-size:12px;resize:none;height:80px}.copy-btn{padding:12px 16px;background:#4CAF50;border:none;border-radius:8px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#45a049;transform:translateY(-1px)}.payment-status{text-align:center;padding:20px;background:rgba(255,193,7,.1);border-radius:8px;border:1px solid rgba(255,193,7,.3)}.payment-status p{margin:0;color:#FFC107}.payment-note{font-size:14px;opacity:.8;margin-top:8px!important}.current-tier-badge{background:#4CAF50}.current-tier-badge,.upgraded-badge{color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-align:center}.upgraded-badge{background:#2196F3}.join-button,.upgrade-button{background:linear-gradient(135deg,#FF6B35,#F7931E);border:none;border-radius:8px;color:white;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.join-button:hover:not(:disabled),.upgrade-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.join-button:disabled,.upgrade-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.payment-modal{margin:10px;max-width:calc(100vw - 20px)}.input-group{flex-direction:column;align-items:stretch}.submit-btn{width:100%}.payment-request{flex-direction:column}.copy-btn{width:100%}}