body{margin:0;font-family:DynaPuff,serif;background:linear-gradient(to bottom,#1d3557,#457b9d);color:#fff}.app{text-align:center}.hero-buttons{margin-top:15px}.hero-buy-link{display:inline-block;background-color:#ff69b4;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;font-size:1rem;transition:background-color .3s,transform .2s}.hero-buy-link:hover{background-color:#e63946;transform:scale(1.1)}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:50vh;background-color:#1d3557}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-image{width:200px;height:auto;margin-bottom:20px;animation:float 3s ease-in-out infinite}.hero-title{font-size:3rem;color:#ff69b4;margin:20px 0}.hero-tagline{font-size:1.2rem;color:#f1faee;margin-bottom:30px}.hero-buttons{margin-top:20px}.about-section,.vibes-section{padding:50px 20px;background-color:#457b9d;color:#f1faee;text-align:center}.vibes-section{background-color:#1d3557}.about-section h2,.vibes-section h2{font-size:2.5rem;margin-bottom:20px}.about-paragraph,.vibes-paragraph{font-size:1.2rem;line-height:1.6;max-width:600px;margin:0 auto 20px}.community-section{background-color:#000;color:#ff69b4;padding:60px 20px}.community-section h2{font-size:2.5rem;margin-bottom:20px}.community-section p{max-width:800px;margin:0 auto;font-size:1.2rem}.footer{background-color:#1d3557;color:#fff;padding:20px;font-size:1rem}.footer-links{margin-top:10px}.footer-link{display:inline-block;margin:5px 10px;color:#ff69b4;font-size:1.2rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#add8e6}.hero-links{margin-top:20px}.hero-link{font-size:1.2rem;color:#ff69b4;text-decoration:none;font-weight:700;transition:color .2s}.hero-link:hover{color:#e63946}.hero-subtitle{margin-top:10px;font-size:1rem;color:#e4dae1}.hero-twitter-link{color:#1da1f2;font-weight:700;text-decoration:none;transition:color .2s}.hero-twitter-link:hover{color:#0d8cd8}.hero-button{padding:10px 20px;font-size:1.2rem;margin:10px;border:none;border-radius:5px;cursor:pointer;transition:transform .2s}.hero-button.primary{background-color:#e63946;color:#fff}.hero-button.secondary{background-color:#457b9d;color:#fff}.hero-button:hover{transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-section{padding:50px 20px;background-color:#457b9d;color:#f1faee}.about-section h2{font-size:2.5rem;margin-bottom:20px}.about-section p{font-size:1.2rem;max-width:600px;margin:0 auto}.how-to-buy-section{padding:50px 20px;background-color:#e63946;color:#fff}.how-to-buy-section h2{font-size:2.5rem;margin-bottom:20px}.how-to-buy-section ol{list-style-type:decimal;text-align:left;margin:0 auto;max-width:400px;padding:0}.how-to-buy-section li{margin:10px 0;font-size:1.2rem}.footer{padding:20px;background-color:#1d3557;color:#f1faee}.footer a{color:#e63946;text-decoration:none}.footer a:hover{text-decoration:underline}.wallet-container{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;z-index:9999}.wallet-icon{background-color:#000;color:#fff;border-radius:50%;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:background-color .3s ease}.wallet-icon:hover{background-color:#333}.wallet-menu{position:absolute;top:40px;right:0;background:#222;color:#fff;padding:15px;border-radius:8px;min-width:200px;box-shadow:0 4px 10px #0000004d;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:9999}.wallet-container:hover .wallet-menu{opacity:1;transform:translateY(0);pointer-events:auto}.logout-btn{margin-top:10px;width:100%;padding:8px;background:#ff69b4;border:none;color:#fff;cursor:pointer;border-radius:5px}.logout-btn:hover{background:#ff69b4}html,body{margin:0;padding:0;height:100%;font-family:Oswald,sans-serif;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:root{font-family:Oswald,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#0829cfce;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{text-align:center}.buy-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease;font-family:Oswald,sans-serif}.router-item{margin-top:20px;background-color:#0829cfce;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease;font-family:Oswald,sans-serif}.buy-button:hover{background-color:#0056b3}img{max-width:100%;height:auto;display:block;margin:50px auto auto}form{display:flex;justify-content:center;gap:.5em;flex-flow:row wrap;max-width:40vw;margin:auto;align-items:baseline}#greeting{margin:10px auto;padding:10px 60px;border:1px solid #222}#greeting:empty{display:none}.button-containers{display:flex;justify-content:center}.router-container{display:flex;align-items:center;justify-content:center}.input-withdraw{width:30%;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#ffffff1a;color:#fff;margin-top:33px;margin-bottom:33px}.input-tokenA{background-color:#1512da;border:none;box-shadow:none;outline:none}.address-input{min-width:360px;max-width:360px;margin-bottom:50px}.dex-swap-container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#1512da;box-shadow:0 2px 4px #0000001a;min-height:350px}.dex-swap-header{text-align:center;font-size:24px;margin-bottom:20px}.dex-swap-input-container{margin-bottom:20px}.dex-swap-label{display:block;font-size:16px;margin-bottom:8px}.dex-swap-input{width:80%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.dex-swap-max-btn{display:inline-block;padding:8px 12px;font-size:14px;background-color:#4caf50;color:#200fb6;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.dex-swap-max-btn:hover{background-color:#45a049}.dex-swap-swap-btn{display:block;width:100%;padding:12px;font-size:18px;background-color:#0015ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-top:100px}.dex-swap-swap-btn:hover{background-color:#f80}.dex-select{width:320px;margin:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-body ul{list-style:none;padding:0}.modal-body ul li{cursor:pointer;padding:10px;border-radius:4px;margin-bottom:5px;display:flex;align-items:center}.modal-body ul li.selected{background-color:#2e06cec8}.modal-body ul li img{width:30px;margin-right:10px}.modal-footer{text-align:right}.close-btn{background:none;border:none;cursor:pointer}.save-btn{background-color:#007bff;color:#1220ed;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.save-btn:hover{background-color:#0056b3}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal.open{display:flex;justify-content:center;align-items:center}.modal-content{position:relative;width:80%;max-width:600px;background-color:#0a2cee;padding:20px;border-radius:8px}.spinner{border:5px solid rgba(255,255,255,.3);border-top:5px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content p{color:#fff;margin-top:20px}@media screen and (max-width: 768px){.modal-content{width:90%}}