*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#fff;font-family:Inter,Arial,sans-serif;line-height:1.6}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{background:#0f0f0ff2;border-bottom:1px solid #66b2ff;padding:2rem;text-align:center}.app-header h1{font-size:2.5rem;margin-bottom:.5rem}.app-header p{font-size:1.1rem}.app-main{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem;width:100%}.app-nav{border-bottom:1px solid #1a1a1a;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.app-nav button{background:#1a1a1a;border:none;border-radius:8px;color:#ccc;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s}.app-nav button.active{background:#66b2ff;color:#000}.app-nav button:hover{background:#39f;color:#000}.tab-content{border-radius:16px;box-shadow:0 8px 32px #66b2ff1a}.tab-content,.wallet-connect{background:#0a0a0a;border:1px solid #1a1a1a;padding:2rem}.wallet-connect{border-radius:16px;margin-bottom:2rem;text-align:center}.wallet-connect h2{color:#66b2ff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.wallet-connect p{color:#ccc;margin-bottom:1.5rem}.connect-button{background:linear-gradient(135deg,#66b2ff,#39f);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s;width:100%}.connect-button:hover:not(:disabled){box-shadow:0 4px 20px #66b2ff4d;transform:translateY(-2px)}.connect-button:disabled{background:#333;color:#666;cursor:not-allowed}.wallet-info{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.wallet-info p{color:#ccc;margin:.5rem 0}.wallet-address{border:3px solid #66b2ff}.network-status{border-radius:8px;display:inline-block;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem}.network-status.success{background:#66b2ff1a;border:3px solid #66b2ff;color:#66b2ff}.network-status.error{background:#ff66661a;border:1px solid #f66;color:#f66}.transfer-form{margin:0 auto}.input-group{margin-bottom:1.5rem}.input-group label{color:#ccc;display:block;font-weight:500;margin-bottom:.5rem}.input-group input{background:#1a1a1a;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;width:100%}.input-group input:focus{border-color:#66b2ff;box-shadow:0 0 0 2px #66b2ff33;outline:none}.transfer-button{background:linear-gradient(135deg,#66b2ff,#39f);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1rem;margin:1rem 0;padding:1rem 2rem;transition:all .3s;width:100%}.transfer-button:hover:not(:disabled){box-shadow:0 4px 20px #66b2ff4d;transform:translateY(-2px)}.transfer-button:disabled{background:#333;color:#666;cursor:not-allowed}.referral-dashboard h2{color:#66b2ff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.invite-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.invite-section h3{color:#66b2ff;font-weight:600;margin-bottom:1rem}.invite-link-container{display:flex;gap:1rem;margin:1rem 0}.invite-link-input{background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#ccc;flex:1 1;font-size:.9rem;padding:.75rem}.copy-button{background:#66b2ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.copy-button:hover{background:#39f}.invite-description{color:#ccc;font-size:.9rem;margin-top:1rem}.referral-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center}.stat-card h4{color:#66b2ff;font-weight:600;margin-bottom:.5rem}.stat-card p{color:#fff;font-size:1.2rem;font-weight:700}.app-footer{background:#0a0a0a;border-top:1px solid #1a1a1a;color:#ccc;margin-top:auto;padding:1.5rem;text-align:center}@media (max-width:768px){.app-main{padding:1rem}.app-nav{flex-direction:column}.tab-content{padding:1.5rem}.referral-stats{grid-template-columns:1fr}.invite-link-container{flex-direction:column}}.loading{color:#66b2ff;font-weight:600;padding:2rem;text-align:center}.referral-notice{background:#66b2ff1a;border:1px solid #66b2ff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.referral-notice h3{color:#66b2ff;font-weight:600;margin-bottom:.5rem}.referral-notice p{color:#ccc;margin:.25rem 0}.allowance-info{background:#66b2ff1a;border:1px solid #66b2ff;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.allowance-info p{color:#66b2ff;font-weight:600;margin-bottom:.5rem}.approve-button{background:#66b2ff;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s}.approve-button:hover:not(:disabled){background:#39f}.approve-button:disabled{background:#333;color:#666;cursor:not-allowed}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-bottom:1px solid #434a52;gap:1.5rem;justify-content:flex-start;padding:1.5rem 2rem}.app-header,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#66b2ff,#39f);border-radius:10px;color:#000;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.app-header h1{color:#66b2ff;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0}.app-header p{color:#ccc;font-size:1rem;font-weight:400;margin:0}@media (max-width:768px){.app-header{gap:1rem;padding:1rem 1.5rem}.logo-icon{font-size:14px;height:32px;width:32px}.app-header h1{font-size:1.4rem}.app-header p{font-size:.9rem}}@media (max-width:480px){.app-header{align-items:flex-start;flex-direction:column;gap:.75rem}.header-logo{gap:.75rem}.app-header h1{font-size:1.2rem}.app-header p{font-size:.85rem}}.wallet-address-row{align-items:center;display:flex;gap:1.5rem;margin:1rem 0}.address-section{flex:1 1}.network-section{flex-shrink:0}.wallet-address{background:#66b2ff1a;border:1px solid #66b2ff;border-radius:8px;color:#66b2ff;font-family:Monaco,Menlo,monospace;font-size:.9rem;font-weight:500;margin:.5rem 0;min-width:150px;padding:.75rem 1rem}@media (max-width:768px){.wallet-address-row{align-items:flex-start;flex-direction:column;gap:1rem}.address-section,.network-section{width:100%}.wallet-address{min-width:auto}}.wallet-info h3{align-items:center;color:#66b2ff;display:flex;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;padding-left:2rem;position:relative}.wallet-info h3:before{align-items:center;background:linear-gradient(135deg,#66b2ff,#39f);border-radius:50%;content:"";display:flex;height:1.5rem;justify-content:center;left:0;position:absolute;width:1.5rem}.wallet-info h3:after{border-bottom:2px solid #000;border-left:2px solid #000;content:"";height:.3rem;left:.45rem;position:absolute;transform:rotate(-45deg);width:.6rem;z-index:1}@media (max-width:768px){.wallet-info h3{font-size:1.1rem;padding-left:1.8rem}.wallet-info h3:before{height:1.3rem;width:1.3rem}.wallet-info h3:after{height:.25rem;left:.4rem;width:.5rem}}.transfer-section h2{color:#66b2ff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative;text-align:center}.transfer-section h2:after{background:linear-gradient(135deg,#66b2ff,#39f);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:768px){.transfer-section h2{font-size:1.3rem}.transfer-section h2:after{height:2px;width:40px}}.project-info-section{margin-top:2rem}.project-info-section .transfer-form{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;box-shadow:0 8px 32px #66b2ff1a;padding:2rem}.project-info-section h2{color:#66b2ff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.project-info-content{margin-top:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-card:hover{border-color:#66b2ff;box-shadow:0 8px 24px #66b2ff26;transform:translateY(-2px)}.info-card h3{border-bottom:1px solid #333;color:#66b2ff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.info-body{color:#ccc}.info-item{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.3rem 0}.info-item .label{color:#999;font-weight:500}.info-item .value{color:#66b2ff;font-weight:600}.step{margin-bottom:.8rem;padding:.5rem 0}.step,.step-number{align-items:center;display:flex}.step-number{background:#66b2ff;border-radius:50%;color:#000;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:.8rem;width:24px}.step-text{color:#ccc}.warning-item{color:#f66;margin-bottom:.5rem;padding:.3rem 0}.warning-item span{color:#f66}@media (max-width:768px){.project-info-section .transfer-form{padding:1.5rem}.info-grid{gap:1rem;grid-template-columns:1fr}.info-card{padding:1.2rem}}@media (max-width:480px){.info-card,.project-info-section .transfer-form{padding:1rem}.info-item{flex-direction:column;gap:.2rem}.step{align-items:flex-start}.step-text{font-size:.9rem}}.header-logo{align-items:center;display:flex;gap:1rem}.logo-image{border:2px solid #66b2ff;border-radius:12px;box-shadow:0 4px 12px #66b2ff4d;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.logo-image:hover{box-shadow:0 6px 20px #66b2ff66;transform:scale(1.05)}.logo-text{display:flex;flex-direction:column;gap:.25rem}.logo-text h1{color:#66b2ff;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #66b2ff33}.logo-text p{color:#ccc;font-size:1rem;font-weight:400;letter-spacing:.3px;margin:0}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#66b2ff,#39f);border:2px solid #66b2ff;border-radius:12px;box-shadow:0 4px 12px #66b2ff4d;color:#000;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.logo-placeholder:hover{box-shadow:0 6px 20px #66b2ff66;transform:scale(1.05)}@media (max-width:768px){.logo-image,.logo-placeholder{height:40px;width:40px}.logo-text h1{font-size:1.4rem}.logo-text p{font-size:.9rem}}@media (max-width:480px){.header-logo{gap:.75rem}.logo-image,.logo-placeholder{font-size:16px;height:35px;width:35px}.logo-text h1{font-size:1.2rem}.logo-text p{font-size:.8rem}}.fixed-amount-input{background:#1a1a1a;border:1px solid #66b2ff;border-radius:10px;color:#66b2ff;cursor:not-allowed;font-size:1.1rem;font-weight:600;padding:1rem;text-align:center;width:100%}.amount-note{margin-top:.5rem;text-align:center}.amount-note p{color:#66b2ff;font-size:.9rem;font-weight:500;margin:0}.transfer-button{font-weight:600}
/*# sourceMappingURL=main.15301b7d.css.map*/