@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;margin:1rem auto 0}.navbar .logo img{max-width:80px;border-radius:5rem}.navbar .logo,.navbar .rigth,.navbar .socials{display:flex;flex-direction:row;align-items:center;gap:1rem}.navbar .socials img{width:24px}.navbar .socials a{background-color:var(--gray);padding:.5rem;border-radius:5rem;display:flex;justify-content:center;align-items:center;min-height:3rem;min-width:3rem;transition:.2s;cursor:pointer}.navbar .socials a:hover{opacity:80%}.navbar .wallet{display:flex;align-items:center;max-height:3rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;border-radius:5rem;background:linear-gradient(90deg,rgb(60,56,255),rgb(120,56,255))}.main{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;width:80%;display:flex;flex-direction:row;justify-content:space-between;margin:5rem auto 0;gap:4rem}.main .buttons{display:flex;gap:1rem}.main button{background-color:var(--gray);padding:.5rem 1.5rem;border-radius:2rem;display:inline-block;font-weight:500;color:var(--text);border:none;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;margin-top:1rem;font-size:1rem;cursor:pointer;transition:.2s}.main button:hover{opacity:.8}.main h3{font-size:2.2rem;padding:1rem 0}.main p{line-height:2rem}.presale{position:relative;z-index:1;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;width:100%;margin:5rem auto 0;display:flex;justify-content:space-between;gap:1.5rem;background-color:var(--card);border-radius:2rem 2rem 0 0;border:2px solid var(--gray);border-bottom:none;padding:2rem 1rem}.presale-section{position:relative;width:80%;margin:0 auto}.presale-bg{position:absolute;width:100%;top:0;left:0;height:100%;filter:blur(15px);opacity:50%;background:linear-gradient(90deg,rgba(60,56,255,.4),rgba(140,69,255,.4) 36.98%,rgba(255,54,199,.4) 68.23%,rgba(255,163,54,.4))}.presale .info{width:50%;display:flex;flex-direction:column;gap:1rem}.presale .info div{display:flex;flex-direction:row;justify-content:space-between;padding:.25rem 0}.presale .info h3{font-size:1.75rem;padding:.5rem 1.1rem}.presale .info h3,.presale .info hr{margin-left:-1rem;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,0))}.presale .info hr{border:none;height:1px}.presale .buy{width:50%}.separator{border:none;width:1px;margin-top:-2rem;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0))}.buy .conversion{display:flex;flex-direction:row;gap:1rem;margin-top:2rem;margin-bottom:2rem}.buy .conversion input{background-color:var(--gray);border:1px solid gray;border-radius:5rem;font-size:1.2rem;font-weight:500;max-width:230px;padding:.75rem 1rem;margin-top:.5rem}.buy .conversion input,.buy button{color:white;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal}.buy button{width:90%;border:none;cursor:pointer;padding:.7rem 0;font-size:1.1rem;font-weight:500;border-radius:5rem;background:linear-gradient(90deg,rgb(60,56,255),rgb(140,69,255) 33.33%,rgb(255,54,199) 68.23%,rgb(255,163,54))}.pay-token{margin-top:1rem}.pay-token,.select-token{display:flex;flex-direction:row;gap:1rem}.select-token{align-items:center;width:115px;justify-content:center;padding:.7rem;border-radius:5rem;background-color:transparent;border:1px solid gray;cursor:pointer}.select-token img{max-width:25px}.select-token.selected{background-color:var(--gray)}.buy button:disabled{cursor:not-allowed;opacity:.8}.phases-popup-bg{background-color:rgba(0,0,0,.1);z-index:999;width:100%;height:100%;position:fixed;top:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.phases-popup{position:relative;background-color:var(--card);border-radius:1rem;display:inline-block;text-align:left;padding:1rem;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid var(--gray);margin:5rem auto 0}table{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:1rem;margin-top:2rem}.presale-table td,.presale-table th{text-align:left;padding:6px 10px}.close-button{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:1rem;border-radius:50%;background-color:var(--gray);color:var(--text);width:25px;height:25px;border:none;position:absolute;top:1rem;right:1rem;cursor:pointer;transition:.2s}.close-button:hover{opacity:.8}.presale .phase{position:absolute;top:-1.2rem;left:1rem;border-radius:5rem;font-size:1rem;font-weight:500;padding:.5rem 2rem;background:var(--card);border:1px solid var(--gray)}@media (max-width:768px){.navbar .socials{display:none}.main{text-align:center;margin-top:2rem}.main,.presale{flex-direction:column}.presale .info{width:100%}.presale .buy{width:100%;margin-top:1rem;padding-top:2rem;border-top:1px solid gray}.buy .conversion{flex-direction:column}.buy button{width:100%}.main .buttons{display:flex;justify-content:center;gap:1rem}.navbar{width:90%}.phases-popup{max-width:90%}.presale-table td,.presale-table th{text-align:left;padding:6px;min-width:40px;font-size:.9rem}.pay-token{display:flex;flex-direction:row;gap:.5rem;margin-top:1rem}.select-token{max-width:110px;gap:.4rem}}.progress-container{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(180deg,rgba(43,46,82,1) 50%,rgba(43,46,82,0));border-radius:1rem;margin:0 auto;min-width:400px}.progress-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.progress-ring{transform:rotate(0deg)}.progress-ring-background{opacity:.3}.progress-ring-progress{stroke:#6366f1}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%}.rotating-element{position:absolute;width:100%;height:100%;animation:rotate 8s linear infinite;opacity:.7}.gradient-ellipse{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.percentage-text{position:relative;z-index:2;font-size:1.8em;font-weight:700;color:white;text-shadow:0 2px 10px rgba(0,0,0,.5);font-family:Roboto,sans-serif}.progress-labels{display:flex;justify-content:space-between;width:100%}.label-item{text-align:center}.label-title{font-size:.9rem;color:var(--text);margin-bottom:.25rem;font-weight:400;opacity:.8}.label-value{font-size:1rem;color:white;font-weight:600;font-family:Roboto,sans-serif}@media (max-width:480px){.progress-container{padding:1.5rem}.percentage-text{font-size:2rem}.progress-ring{width:100%;height:100%}.progress-center{width:130px;height:130px}}@media (max-width:768px){.progress-container{min-width:300px}}