@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:#000;color:#fff;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(127,255,0,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:-1}body:after{content:"";position:fixed;bottom:30%;right:15%;width:200px;height:200px;background:#7fff001a;border-radius:20px;filter:blur(40px);transform:rotate(45deg);z-index:-1}.header{position:fixed;top:0;left:0;right:0;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:25px 20px;z-index:1000;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo-icon{border-radius:6px;position:relative}.logo-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border-radius:3px}.logo-text{font-size:24px;font-weight:700;color:#fff}.menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:#fff;cursor:pointer}.main-content{margin-top:80px;padding:40px 20px;max-width:500px;margin-left:auto;margin-right:auto}.hero-section{text-align:center;margin-bottom:50px;margin-top:20px}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:30px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1rem;line-height:1.6;color:#b0b0b0;margin-bottom:40px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px}.feature-icon{width:60px;height:60px;background:#7fff001a;border:2px solid #7fff00;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:30px;height:30px}.icon-cell{background:#7fff00;border-radius:2px}.feature-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#fff}.feature-description{font-size:1rem;line-height:1.6;color:#b0b0b0;margin-bottom:30px}.blockchain-visual{background:#0000004d;border-radius:15px;padding:40px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.blockchain-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(127,255,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(127,255,0,.1) 0%,transparent 50%)}.cube-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:1}.cube{width:40px;height:40px;border:2px solid #7fff00;border-radius:8px;background:#7fff001a;position:relative;transition:all .3s ease}.cube:hover{background:#7fff0033;transform:scale(1.1)}.cube:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:#7fff00;border-radius:3px;opacity:.7}@media (max-width: 480px){.hero-title{font-size:2rem}.feature-card{padding:20px}.main-content{padding:20px 15px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-icon{animation:float 3s ease-in-out infinite}.connect-button{background:linear-gradient(135deg,#7fff00,#32cd32);border:none;width:100%;border-radius:25px;padding:22px;color:#000;font-size:20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #7fff004d}.connect-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7fff0066;background:linear-gradient(135deg,#90ff20,#40dd40)}.connect-button:active{transform:translateY(0)}.connect-icon{width:18px;height:18px;fill:currentColor}.tab-navigation{display:flex;justify-content:center;gap:0;background:#ffffff1a;border-radius:12px;padding:5px;max-width:400px;height:70px;margin:130px auto 30px}.logo{max-width:150px}.tab-btn{flex:1;padding:12px 24px;border:none;font-size:larger;background:transparent;color:#ffffffb3;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.tab-btn.active{background:#7fff00;color:#fff}.tab-btn:hover:not(.active){background:#ffffff1a;color:#fff}.claim-container,.swap-container{max-width:500px;margin:0 auto;width:calc(100% - 40px);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;color:#fff}.allocation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.campaign-tag{background:#4285f433;color:#4285f4;padding:4px 12px;border-radius:20px;font-size:.9rem}.allocation-info{text-align:center;margin-bottom:30px}.allocation-label{color:#ffffffb3;margin-bottom:10px}.allocation-amount{font-size:2.5rem;font-weight:700;margin:0}.status-items{display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 0}.status-item{display:flex;flex-direction:column;align-items:center;gap:5px}.status-dot{width:12px;height:12px;border-radius:50%;margin-bottom:5px}.status-dot.claimed{background:#34a853}.status-dot.claimable{background:#fbbc04}.status-dot.locked{background:#9aa0a6}.status-number{font-weight:700;font-size:1.1rem}.status-label{color:#ffffffb3;font-size:.9rem}.unlock-info{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:15px;background:#ffffff0d;border-radius:10px}.claimable-section{text-align:center;margin-bottom:20px}.claimable-label{color:#ffffffb3;margin-bottom:10px}.claimable-amount{font-size:2rem;margin-bottom:20px}.claim-btn{background:linear-gradient(135deg,#7fff00,#32cd32);border:none;width:100%;border-radius:25px;padding:22px;color:#000;font-size:20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #7fff004d}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7fff0066;background:linear-gradient(135deg,#90ff20,#40dd40)}.referral-info{text-align:center;color:#4285f4cc;font-size:.9rem;cursor:pointer}.swap-header{text-align:center;margin-bottom:20px}.swap-subtitle{color:#ffffffb3;margin-top:5px}.balance-info{text-align:right;font-size:.9rem;color:#ffffffb3;margin-bottom:5px}.token-selector{display:flex;align-items:center;gap:8px;background:#fff;padding:15px;border-radius:10px;min-width:100px;justify-content:center}.token-icon{width:20px;border-radius:50px}.swap-direction-btn{background:#8b5cf6;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:transform .2s}.swap-direction-btn:hover{transform:rotate(180deg)}.swap-container{max-width:500px;margin:0 auto;width:calc(100% - 40px);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;color:#fff}.swap-header{text-align:center;margin-bottom:25px}.swap-subtitle{color:#ffffffb3;margin-top:5px;font-size:.95rem}.swap-stats{display:flex;justify-content:space-between;margin-bottom:25px;padding:20px;background:#ffffff0d;border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-value{font-weight:700;font-size:1.1rem;color:#7fff00}.stat-label{color:#ffffffb3;font-size:.85rem}.swap-form{margin-bottom:20px}.swap-input-group{margin-bottom:15px}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-label{font-size:.9rem;color:#ffffffe6;font-weight:500}.balance-info{font-size:.85rem;color:#fff9}.swap-input-container{display:flex;align-items:center;background:#ffffff14;border-radius:12px;padding:15px;gap:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;width:100%;box-sizing:border-box}.swap-input-container:hover{border-color:#7fff004d;background:#ffffff1f}.swap-input{flex:1;background:transparent;border:none;color:#fff;font-size:1.2rem;font-weight:500;outline:none}.swap-input::placeholder{color:#fff6}.token-selector{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 12px;border-radius:8px;min-width:80px;max-width:100px;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden}.token-selector:hover{background:#fff3}.token-icon{font-size:1.1rem}.dropdown-arrow{font-size:.8rem;color:#fff9}.quick-amounts{display:flex;gap:8px;margin-top:10px}.quick-btn{flex:1;padding:6px 12px;background:#7fff001a;border:1px solid rgba(127,255,0,.3);color:#7fff00;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.quick-btn:hover{background:#7fff0033;border-color:#7fff0080}.swap-direction{display:flex;justify-content:center;margin:15px 0}.swap-direction-btn{background:#7fff0026;border:2px solid rgba(127,255,0,.3);color:#7fff00;width:45px;height:45px;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.swap-direction-btn:hover{transform:rotate(180deg);background:#7fff0040;border-color:#7fff0080}.estimate-info{text-align:right;margin-top:8px;font-size:.85rem;color:#fff9}.swap-details{background:#ffffff0d;padding:15px;border-radius:10px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.detail-row:last-child{margin-bottom:0}.detail-row span:first-child{color:#ffffffb3}.detail-row span:last-child{font-weight:500}.impact-low{color:#7fff00!important}.contract-info{margin-top:30px;padding:20px;background:#ffffff0d;border-radius:12px}.contract-info h3{margin-bottom:10px}.contract-address{display:flex;align-items:center;gap:10px;background:#0003;padding:10px;border-radius:8px;margin:10px 0}.copy-btn{background:none;border:none;cursor:pointer;font-size:1.1rem}.add-token-text{font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){.swap-container,.claim-container{width:calc(100% - 20px);padding:20px;margin:0 10px}.swap-input-container{flex-direction:column;gap:15px;align-items:stretch}.token-selector{width:100%;justify-content:center;max-width:none}.swap-input{text-align:center;width:100%}.tab-navigation{width:calc(100% - 20px);margin:130px 10px 30px}.quick-amounts{flex-wrap:wrap}.stat-item{flex:1;min-width:0}}@media (max-width: 480px){.swap-stats{flex-direction:column;gap:15px}.allocation-amount{font-size:2rem}.claimable-amount{font-size:1.5rem}}.copy-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}