:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bracket-length: 8px;--bracket-thickness: 1px;--bracket-color: #fff;--bracket-offset: 5px}body{margin:0;cursor:default;color:#ffffffde;background-color:#242424;background-image:url(/images/space.jpeg);padding:0 8rem}@media only screen and (max-width:768px){body{padding:0 2rem}}ul{list-style:none;padding:0}.hero{padding:5rem 0}.hero h1{font-size:6.5rem;margin:3rem 0 0}@media only screen and (max-width:768px){.hero h1{font-size:4rem}}.hero p{font-size:2.5rem;margin:2rem 0 5rem}@media only screen and (max-width:768px){.hero p{font-size:2rem}}dialog{border:1px solid gray;border-radius:1rem;background:#000;color:#fff;padding:2rem}::backdrop{background-image:linear-gradient(45deg,#000);opacity:.5}.dialog-rewards__close,.dialog-demo__close,.dialog-mobile__close{position:absolute;right:1rem;top:1rem;background-color:transparent;border:none}.dialog-rewards__close:hover,.dialog-demo__close:hover,.dialog-mobile__close:hover{cursor:pointer}.features{padding-bottom:5rem}.features h2{font-size:3rem;margin-top:0}.features ul{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:1300px){.features ul{flex-direction:column;align-items:flex-start}}.features li{width:300px;height:250px;padding:2rem;margin:0 1rem 0 0;background-color:#1e2330cc;border:1px solid rgba(255,255,255,.1);border-radius:1rem}@media only screen and (max-width:1300px){.features li{margin:0 0 3rem}}.features__title{font-size:18px;font-weight:700;color:#8892b0}.features__description{line-height:24px}.roadmap{padding-bottom:5rem}.roadmap__title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap__subtitle{font-size:1.2rem;color:#b8c5d6;margin-bottom:60px;margin-left:auto;margin-right:auto}.timeline{position:relative;margin-left:4rem}.timeline:before{content:"";position:absolute;left:80px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#4caf50,#2196f3,#ff9800,#6c757d);border-radius:2px;box-shadow:0 0 10px #667eea4d}.timeline__item{position:relative;margin-bottom:60px;display:flex;align-items:flex-start;opacity:0;animation:fadeInUp .6s ease forwards}.timeline__item:nth-child(1){animation-delay:.1s}.timeline__item:nth-child(2){animation-delay:.2s}.timeline__item:nth-child(3){animation-delay:.3s}.timeline__item:nth-child(4){animation-delay:.4s}.timeline__item:nth-child(5){animation-delay:.5s}.timeline__item:nth-child(6){animation-delay:.6s}.timeline__item{flex-direction:row}.timeline__marker{position:relative;z-index:2;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:30px;box-shadow:0 4px 20px #0006;flex-shrink:0;border:3px solid rgba(255,255,255,.1)}.timeline__marker--completed{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf504d;animation:pulse 2s infinite}.timeline__marker--active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f34d;animation:glow 2s ease-in-out infinite alternate}.timeline__marker--upcoming{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff98004d}.timeline__marker--future{background:linear-gradient(135deg,#6c757d,#495057);border-color:#6c757d4d}.timeline__icon{font-size:24px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.timeline__content{flex:1;max-width:500px;background:#1e2330cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.timeline__content:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006;border-color:#667eea4d}.timeline__date{font-size:.9rem;font-weight:600;color:#8892b0;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.timeline__heading{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.timeline__description{font-size:1rem;color:#b8c5d6;line-height:1.6;margin-bottom:16px}.timeline__status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timeline__status--completed{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.timeline__status--active{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.4)}.timeline__status--upcoming{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.timeline__status--future{background:#6c757d33;color:#adb5bd;border:1px solid rgba(108,117,125,.4)}.timeline__item:after{content:"";position:absolute;left:80px;top:30px;width:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5));z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #4caf5066}50%{transform:scale(1.05);box-shadow:0 4px 25px #4caf5099}}@keyframes glow{0%{box-shadow:0 4px 20px #2196f366}to{box-shadow:0 4px 30px #2196f3cc}}@media(max-width:768px){.roadmap__title{font-size:2.5rem}.roadmap__subtitle{font-size:1.1rem}.timeline:before{left:30px}.timeline__item:after{left:30px;width:15px}.timeline__marker{margin-right:20px;width:50px;height:50px}.timeline__icon{font-size:20px}.timeline__content{max-width:none;padding:20px}.timeline__heading{font-size:1.2rem}}@media(max-width:480px){.roadmap{padding:40px 15px}.roadmap__title{font-size:2rem}.timeline{padding:0 10px}.timeline__content{padding:16px}.timeline:before{left:25px}.timeline__item:after{left:25px;width:12px}.timeline__marker{width:45px;height:45px;margin-right:15px}.timeline__icon{font-size:18px}}.footer{padding-bottom:5rem;color:#6c86ad;font-weight:600}.footer hr{color:#9ca3af4d;background-color:#9ca3af4d;border-color:#9ca3af4d}.footer__row{display:flex;align-items:center;justify-content:space-between}.footer__row a{margin:0 4px;color:#6c86ad;transition:opacity .3s}.footer__row a:hover{opacity:.5}.footer__source-code{display:block;padding-right:2rem}.dialog-rewards__tutorial ul{list-style-type:disc;padding-left:2rem;margin:.5rem 0}.dialog-rewards__tutorial li{padding-top:8px}.dialog-rewards__error{display:none;border:1px solid rgb(165,53,53);border-radius:.5rem;padding:1rem;margin-top:.5rem;color:#c41212}.accept-container{display:flex}.spinner-wrapper{position:relative;margin-left:2rem;margin-top:8px;display:none}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:#fff}.loader:before,.loader:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.loader:after{color:#ff3d00;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.row{display:flex;align-items:center}.button{display:block;height:65px;width:330px;font-size:16px;margin-bottom:2.5rem;position:relative;padding:20px 40px;font-weight:700;text-align:center;text-decoration:none;background-color:#2c8888!important;border:1px solid rgb(44,136,136)!important;color:#fff!important;transition:opacity .3s;opacity:.9}.button:hover{opacity:.7;cursor:pointer}.button:before{content:"";position:absolute;top:calc(0px - var(--bracket-offset));left:calc(0px - var(--bracket-offset));right:calc(0px - var(--bracket-offset));bottom:calc(0px - var(--bracket-offset));background:linear-gradient(to right,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 0 0/100% var(--bracket-thickness),linear-gradient(to bottom,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 0 0 / var(--bracket-thickness) 100%,linear-gradient(to left,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 100% 100%/100% var(--bracket-thickness),linear-gradient(to top,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 100% 100% / var(--bracket-thickness) 100%;background-repeat:no-repeat;pointer-events:none}.button:after{content:"";position:absolute;top:calc(0px - var(--bracket-offset));left:calc(0px - var(--bracket-offset));right:calc(0px - var(--bracket-offset));bottom:calc(0px - var(--bracket-offset));background:linear-gradient(to left,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 100% 0/100% var(--bracket-thickness),linear-gradient(to bottom,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 100% 0 / var(--bracket-thickness) 100%,linear-gradient(to right,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 0 100%/100% var(--bracket-thickness),linear-gradient(to top,var(--bracket-color) var(--bracket-length),transparent var(--bracket-length)) 0 100% / var(--bracket-thickness) 100%;background-repeat:no-repeat;pointer-events:none}.link-button{width:13rem;height:20px}