@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.relative{position:relative}.absolute{position:absolute}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.gap-3{gap:.75rem}.inset-0{top:0;right:0;bottom:0;left:0}.right-0{right:0}.right-5{right:1.25rem}.right-5-percent{right:5%}.right-10-percent{right:10%}.right-15-percent{right:15%}.right-20-percent{right:20%}.right-30-percent{right:30%}.right-40-percent{right:40%}.right-50-percent{right:50%}.right-60-percent{right:60%}.right-70-percent{right:70%}.right-80-percent{right:80%}.right-90-percent{right:90%}.top-0{top:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.flex-col{flex-direction:column}.h-full{height:100%}.mx-4{margin-left:1rem;margin-right:1rem}.mx-8{margin-left:2rem;margin-right:2rem}.mb-2{margin-bottom:.5rem}.text-white{color:#fff}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.text-gray-200{color:#e5e7eb}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bg-white{background-color:#fff}.border-white-30{border-color:#ffffff4d}.cursor-pointer{cursor:pointer}.transition-opacity{transition-property:opacity}.duration-1000{transition-duration:1s}.transition-all{transition-property:all}.duration-300{transition-duration:.3s}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-100{opacity:1}.dark .dark-bg-black-40{background-color:#0006}.dark .dark-backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.dark .dark-text-gray-300{color:#d1d5db}@media (min-width: 768px){.md\:right-15{right:3.75rem}.md\:w-2\/5{width:40%}.md\:mx-8{margin-left:2rem;margin-right:2rem}.md\:mx-12{margin-left:3rem;margin-right:3rem}}@media (min-width: 1024px){.lg\:right-15{right:3.75rem}.lg\:w-1\/3{width:33.333333%}}.hero-container{height:100vh;position:relative;overflow:hidden}.scroll-cta{transition:all .3s ease;padding:10px 20px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px;border:1px solid rgba(255,255,255,.2)}.scroll-cta:hover{transform:translateY(-5px);background-color:#fff3;box-shadow:0 10px 20px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce{animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.swap-container{width:100%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.2);color:#fff}.swap-header{margin-bottom:16px;text-align:center}.swap-title{font-size:24px;font-weight:600;margin-bottom:4px}.swap-subtitle{font-size:14px;color:#ffffffb3}.swap-input-container{background-color:#ffffff1a;border-radius:12px;padding:12px;margin-bottom:8px}.swap-input-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.swap-balance{color:#fff9}.swap-input-group{display:flex;justify-content:space-between;align-items:center}.swap-input{background:transparent;border:none;font-size:24px;width:60%;color:#fff;outline:none}.swap-input::-moz-placeholder{color:#ffffff80}.swap-input::placeholder{color:#ffffff80}.swap-token-selector{display:flex;align-items:center;background-color:#fff3;border:none;border-radius:16px;padding:8px 12px;cursor:pointer;color:#fff;font-weight:500}.swap-token-icon{width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#fff}.swap-switch-button{width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:8px auto;color:#fff;transition:all .2s ease}.swap-switch-button:hover{background-color:#fff3;transform:rotate(180deg)}.swap-rate{display:flex;justify-content:space-between;padding:8px 12px;font-size:14px;color:#ffffffb3;margin:8px 0 16px}.swap-error{background-color:#ff575733;border:1px solid rgba(255,87,87,.5);border-radius:8px;padding:10px;color:#ff5757;margin-bottom:16px;font-size:14px;text-align:center}.swap-button{width:100%;background:linear-gradient(to right,#fc72ff,#9b30ff);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:600;padding:12px;cursor:pointer;transition:all .2s ease}.swap-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #fc72ff80}.swap-button.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.swap-loading{display:flex;align-items:center;justify-content:center}.swap-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;margin-right:8px;animation:spin 1s linear infinite}.dark .swap-container{background-color:#00000080;border-color:#ffffff1a}.dark .swap-input-container,.dark .swap-token-selector,.dark .swap-switch-button{background-color:#0000004d}.swap-embedded{background:transparent;border:none;box-shadow:none;padding:0;margin:0}.swap-embedded .swap-input-container{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.swap-embedded .swap-input{background-color:transparent}.swap-embedded .swap-token-selector{background-color:#fff3;border:1px solid rgba(255,255,255,.3)}.swap-embedded .swap-switch-button{background-color:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.swap-embedded .swap-button{background:var(--gradient);border:none}.dark .swap-embedded .swap-input-container{background-color:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.dark .swap-embedded .swap-token-selector{background-color:#0000004d;border:1px solid rgba(255,255,255,.1)}.dark .swap-embedded .swap-switch-button{background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.swap-embedded .swap-error{color:#ff4d4d!important}.swap-embedded svg{color:inherit}@media (max-width: 768px){.swap-embedded{max-width:100%}}.dashboard-page h1{color:var(--primary-color)}.wallet-address-full{font-family:monospace;background-color:var(--light-gray);padding:.5rem;border-radius:4px;overflow-wrap:break-word;word-break:break-all;margin:1rem 0}.balance-info{margin-top:1rem}.balance-amount{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.dashboard-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--light-gray)}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--dark-gray);cursor:pointer;transition:all .2s ease}.tab-btn.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.tab-btn:hover:not(.active){color:var(--text-color)}.tab-content{margin-bottom:2rem}.loading{text-align:center;padding:2rem;color:var(--dark-gray)}.token-list{display:flex;flex-direction:column;gap:1rem}.token-item{display:flex;justify-content:space-between;align-items:center;padding:1rem}.token-info h3{margin-bottom:.25rem}.token-symbol{color:var(--dark-gray);font-size:.875rem}.token-balance{font-weight:600;font-size:1.125rem}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.nft-card{overflow:hidden;transition:transform .3s ease}.nft-card:hover{transform:translateY(-5px)}.nft-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.nft-placeholder{width:100%;height:200px;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center;color:var(--dark-gray);border-top-left-radius:8px;border-top-right-radius:8px}.nft-info{padding:1rem}.nft-info h3{margin-bottom:.25rem;font-size:1rem}.refresh-btn{margin-top:1rem}@media (max-width: 768px){.nft-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.nft-image,.nft-placeholder{height:150px}}.navbar-overlay{position:absolute;top:0;left:0;width:100%;z-index:1000;pointer-events:none;background-color:transparent;transition:all .3s ease}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;width:100%;pointer-events:auto}.navbar-left{display:flex;align-items:center}.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-theme-toggle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:1px solid rgba(255,255,255,.2);transition:transform .2s ease}.navbar-theme-toggle:hover{transform:scale(1.1)}.dark .navbar-theme-toggle{background-color:#21242980;border:1px solid #2C2F36}.navbar-link{color:#fff;text-decoration:none;font-weight:500;transition:color .2s ease;position:relative;padding:.5rem 0}.navbar-link:hover{color:#fc72ff;text-decoration:none}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(to right,#fc72ff,#9b30ff);transition:width .3s ease}.navbar-link:hover:after{width:100%}.navbar-connect-button{padding:.5rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;background:linear-gradient(to right,#fc72ff,#9b30ff);color:#fff;border:none;transition:all .3s ease}.navbar-connect-button:hover{transform:translateY(-2px);box-shadow:0 0 15px #fc72ff80}.navbar-wallet-connected{padding:.5rem 1rem;border-radius:.75rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:monospace}.dark .navbar-wallet-connected{background-color:#21242980;border:1px solid #2C2F36}@media (max-width: 768px){.navbar-container{padding:1rem 1.5rem}.navbar-right{gap:1rem}}.hide{display:none}*{margin:0;padding:0;box-sizing:border-box}:root{--uniswap-pink: #FC72FF;--uniswap-purple: #9B30FF;--uniswap-dark-purple: #7A1BFF;--uniswap-blue: #4C82FB;--uniswap-light-blue: #7AECFF;--uniswap-green: #1EC992;--uniswap-yellow: #FFB23F;--uniswap-red: #FF5E69;--bg-color: #F7F8FA;--card-bg: #FFFFFF;--border-color: #E8ECFB;--text-color: #0D111C;--text-secondary: #5E6887;--shadow: 0 4px 12px rgba(0, 0, 0, .1)}.dark{--bg-color: #191B1F;--card-bg: #212429;--border-color: #2C2F36;--text-color: #FFFFFF;--text-secondary: #8F96AC;--shadow: 0 4px 12px rgba(0, 0, 0, .4)}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--uniswap-blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;overflow-x:hidden}.card{background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:all .2s ease}.bg-white\/30{background-color:#ffffff4d}.btn{display:inline-block;padding:.75rem 1.5rem;font-weight:600;border-radius:1rem;transition:all .2s;cursor:pointer;text-align:center}.btn-primary{background-color:var(--uniswap-pink);color:#fff}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow)}.btn-gradient{background:linear-gradient(to right,var(--uniswap-pink),var(--uniswap-purple));color:#fff;border:none;position:relative;z-index:1;overflow:hidden;transition:all .3s ease}.btn-gradient:hover{box-shadow:0 0 15px #fc72ff80;transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-color);background-color:transparent}.btn-outline:hover{background-color:var(--bg-color)}.navbar-menu{display:flex;gap:1.5rem}.navbar-link{font-weight:500;transition:color .2s}.navbar-link:hover{color:var(--uniswap-pink);text-decoration:none}.pb-0{padding-bottom:0}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-16{padding-top:4rem}.pb-8{padding-bottom:2rem}.mx-auto{margin:0 auto}.wallet-overview{margin-bottom:2rem}.wallet-address-full{font-family:monospace;background-color:var(--bg-color);padding:.75rem;border-radius:.75rem;overflow-wrap:break-word;word-break:break-all;margin:1rem 0;color:var(--text-secondary)}.dashboard-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:var(--uniswap-pink);border-bottom:2px solid var(--uniswap-pink)}.theme-toggle{padding:.5rem;background-color:var(--bg-color);border-radius:9999px;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center}.theme-toggle-dark{box-shadow:0 0 8px #ffb23f66}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.token-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--card-bg);border-radius:.75rem;border:1px solid var(--border-color);transition:border-color .2s}.token-card:hover{border-color:var(--uniswap-pink)}.nft-card{overflow:hidden;border-radius:.75rem;border:1px solid var(--border-color);transition:all .2s}.nft-card:hover{border-color:var(--uniswap-pink);box-shadow:var(--shadow)}.nft-image-container{width:100%;height:12rem;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center}.nft-info{padding:1rem;background-color:var(--card-bg)}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.space-y-4>*+*{margin-top:1rem}.text-center{text-align:center}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-12{padding-left:3rem;padding-right:3rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-24{padding:6rem}.px-24{padding-left:6rem;padding-right:6rem}.px-36{padding-left:9rem;padding-right:9rem}.px-48{padding-left:12rem;padding-right:12rem}.bg-black{background-color:#000}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.p-12{padding:3rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-64{width:16rem}.w-128{width:32rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-2xl{max-width:42rem}.h-auto{height:auto}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.chart-section{padding:2rem;background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow)}.chart-container{width:100%;height:20rem;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center}.chart-info{padding:1rem;background-color:var(--card-bg)}.text-ourpink{color:#fc72ff}.bg-ourpink{background-color:#fc72ff}.space-y-3>*+*{margin-top:.75rem}.mr-3{margin-right:.75rem}.mt--1{margin-top:-.15rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mt-12{margin-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}to{transform:translate(-50%,-50%) translateY(0)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-gradient{background:linear-gradient(to right,var(--uniswap-pink),var(--uniswap-purple))}.text-transparent{color:transparent}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.transition-all{transition:all .3s ease}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.grid{display:grid}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.BenefitsSection{padding:2rem;background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow)}.BenefitsSection .benefit{margin-bottom:1.5rem}.BenefitsSection .benefit:last-child{margin-bottom:0}.BenefitsSection .benefit .icon{margin-right:1rem}.BenefitsSection .benefit .description{font-size:1rem;color:var(--text-secondary)}