@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");.body-app-page,html.app-page-html{background-color:#60a5fa}.body-app-page{min-height:97vh;display:flex;flex:1 1;flex-direction:column;justify-content:center}:root{--nav-height:60px}html::-webkit-scrollbar{display:none}footer{display:flex;justify-content:center}.nav-container-app{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;background:rgba(96,165,250,.5)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;justify-content:space-between;padding:10px;z-index:1000;min-height:40px;gap:1rem}.nav-container-app,.nav-container-app2 *{pointer-events:auto}.boxes-set-app{flex-direction:column;min-height:700px;margin-top:5rem;margin-bottom:3.8rem;padding:0 1rem;gap:5rem;box-sizing:border-box}.box-wrapper,.boxes-set-app{display:flex;align-items:center;justify-content:center}.box-wrapper{gap:1rem}.boxes-app-1,.boxes-app-2,.boxes-app-3,.boxes-app-4{position:relative;display:flex;background-color:#fff;align-items:flex-start;justify-content:flex-start;height:100%;min-height:500px;width:100%;max-width:1200px;border-radius:25px;padding:10px;box-sizing:border-box;overflow:visible}.buy-keraneum-title{font-family:Roboto;font-weight:200;z-index:10}.buy-keraneum-title,.stake-keraneum-title{color:#000;position:absolute;top:0;left:1.5rem}.boxes-keraneum-set{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:1rem;width:100%;margin-top:5rem}.account-details-title,.amount-title,.payment-title,.transaction-title{font-family:Roboto;font-weight:100;color:#fff;display:flex;justify-content:center;position:absolute;top:.1rem;left:0;right:0;width:100%}.box-keraneum-1{position:relative;align-items:center;min-width:250px;min-height:190px;border-radius:5px;padding:10px;background-color:#646464}.box-keraneum-1,.payment-buttons{display:flex;justify-content:center}.payment-buttons{align-items:stretch;gap:1rem;width:100%}.ETH-button,.USDC-button{display:flex;justify-content:center;align-items:center;width:40%;height:60%;min-width:80px;min-height:40px;max-width:200px;max-height:80px;padding:7px 15px;font-size:.8rem;border:1px solid transparent;border-radius:5px;box-sizing:border-box;flex:none}.ETH-button{background:#627eea;transition:all 2s ease}.USDC-button{background:#2775ca;transition:all 2s ease}.ETH-button:focus,.USDC-button:focus{border-color:#fff}.box-keraneum-2{position:relative;align-items:center;min-width:250px;min-height:190px;border-radius:5px;padding:10px;background-color:#646464}.box-keraneum-2,.buy-components{display:flex;justify-content:center}.buy-components{flex-direction:column;width:100%;max-width:100%;padding:0 1rem;gap:1rem}.buy-input{display:flex;font-family:Roboto;font-weight:200;border:1px solid transparent;background:#ababab;width:100%;border-radius:2px;margin-top:2rem;margin-bottom:1rem;padding:10px 8px;transition:all 2s ease;box-sizing:border-box}.buy-input::-webkit-inner-spin-button{display:none}.buy-input:hover{border-color:#fff}.buy-input:focus{outline:none;border-color:#60a5fa}.krn-converter{margin-top:-1rem}.buy-button,.krn-converter{display:flex;justify-content:center;width:100%}.buy-button{align-items:center;background-color:#60a5fa;height:auto;min-height:30px;max-height:30px;border:1px solid transparent;border-radius:15px;box-sizing:border-box;transition:all 2s ease}.buy-button:hover{border-color:#fff}.box-keraneum-3{align-items:center;justify-content:center;min-height:190px}.box-keraneum-3,.box-keraneum-4{position:relative;display:flex;min-width:250px;border-radius:5px;padding:10px;background-color:#646464}.box-keraneum-4{align-items:flex-start;justify-content:flex-start;min-height:315px}.box-components{margin-top:3.5rem;gap:1rem}.box-components,.box-krn-balance{display:flex;flex-direction:column;align-items:flex-start}.box-krn-balance{background:#fff;color:#000;width:-moz-fit-content;width:fit-content;min-width:40%;border:none;border-radius:5px;padding:8px;top:3.5rem;left:1rem;gap:0;box-sizing:border-box}.krn-balance-title{display:flex;align-items:flex-start;font-weight:500;font-size:20px;color:#60a5fa;margin-top:-5px;margin-bottom:-.3rem;top:-1rem}.krn-balance{font-family:Roboto;font-weight:700;font-size:27px}.box-amount-invested{display:flex;flex-direction:row;width:100%;top:10rem;left:1rem;gap:1rem}.ETH-title,.USD-title,.USDC-title{color:#60a5fa;font-weight:500}.ETH-bought-box,.USD-invested-box,.USDC-bought-box{display:flex;flex-direction:column;align-items:flex-start;background:#fff;color:#000;width:-moz-fit-content;width:fit-content;min-width:25%;border:none;border-radius:5px;padding:8px;top:3.5rem;left:1rem;box-sizing:border-box}@media (max-width:1270px){.boxes-app-1,.boxes-app-2,.boxes-app-3,.boxes-app-4{align-items:flex-start;width:100%;max-width:600px;min-width:500px;min-height:300px;overflow:hidden;overflow-y:auto}.boxes-app-1::-webkit-scrollbar,.boxes-app-2::-webkit-scrollbar,.boxes-app-3::-webkit-scrollbar,.boxes-app-4::-webkit-scrollbar{display:none}.boxes-keraneum-set{flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:1rem}.box-keraneum-1,.box-keraneum-2,.box-keraneum-3,.box-keraneum-4{width:85%;min-width:500px;max-width:500px;height:auto;min-height:250px;max-height:250px;padding:10px}.box-keraneum-4{min-height:300px}.box-components,.buy-components{display:flex;flex-direction:column;width:100%}.buy-components{align-items:center;box-sizing:border-box}.buy-input{width:100%;box-sizing:border-box}.input-converter{flex-direction:column;align-items:center;gap:.5rem;white-space:nowrap}.buy-button,.input-converter{display:flex;width:80%}.box-krn-balance{min-width:25%;width:-moz-fit-content;width:fit-content}.box-amount-invested{display:flex;flex-direction:row!important}}@media (max-width:650px){.boxes-app-1,.boxes-app-2,.boxes-app-3,.boxes-app-4{align-items:flex-start;width:100%;min-width:93vw;min-height:40vh;overflow:hidden;overflow-y:auto;margin-left:clamp(.5rem,4vw,3rem);margin-right:clamp(.5rem,4vw,3rem)}.boxes-keraneum-set{flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:1rem}.box-keraneum-1,.box-keraneum-2,.box-keraneum-3,.box-keraneum-4{width:95%;min-width:75vw;max-width:75vw;height:auto;min-height:200px}.box-keraneum-4{min-height:300px}.box-krn-balance{margin:0}.box-amount-invested{display:flex;flex-direction:row!important}}.logo{width:120px;height:60px;text-align:center;cursor:pointer;margin-left:-1.6rem;flex-shrink:0;min-width:120px}.logo img,.logo svg{width:100%;height:100%;object-fit:contain}.title{font-family:Roboto;text-align:center;color:#fff!important;font-size:20px;font-weight:100;min-width:0;margin-left:-1.5rem;margin-right:0;position:-webkit-sticky;position:sticky}.nav-container{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;background:transparent;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;justify-content:space-between;padding:10px;z-index:1000;min-height:40px;gap:1rem}.nav-container,.nav-container *{pointer-events:auto}.nav-components{z-index:1}.box-items,.nav-components{display:flex;align-items:center}.box-items{justify-content:space-between;color:#fff;font-size:18px;gap:3rem}.items{font-family:Roboto;font-weight:100;cursor:pointer;color:#fff;text-decoration:none;transition:color .2s ease}.items:hover{color:#60a5fa}.burger-menu{display:none}@media (max-width:950px){.menu-components{display:flex;flex-direction:row;align-items:center;gap:1rem}.items{display:none}.burger-menu{display:block;cursor:pointer;width:30px;height:30px}}@media (max-width:500px){.title{display:none}}.main-button{display:flex;align-items:center;background:linear-gradient(135deg,#fff,#e0f2fe 50%,#60a5fa);font-family:Roboto;color:#000;font-weight:400;font-size:17px;position:static;padding:8px 19px;margin-right:1rem;border:none;border-radius:25px;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.main-button:hover{background-color:#0d0;transform:translateY(-1px)}@media (max-width:768px){.main-button{padding:8px 17px;font-size:15px}}.mobile-menu-overlay{right:0;bottom:0;z-index:2000}.mobile-menu,.mobile-menu-overlay{position:fixed;top:0;left:0;background:#000}.mobile-menu{width:100vw;height:100vh;display:flex;flex-direction:column}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;position:absolute;top:0;left:0;right:0}.menu-header h2{font-family:Roboto;font-weight:200;color:#fff;margin:0}.close-icon{color:#fff;cursor:pointer;width:24px;height:24px}.menu-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.menu-item{color:#fff;text-decoration:none;font-family:Roboto;font-size:1.5rem;font-weight:200}.menu-item:hover{color:#60a5fa}