@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);html{background:#0e0b12;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0e0b12,#101225);background-attachment:fixed;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-width:100vw;overflow-x:hidden;position:relative}#root,body,html{height:100%;overflow-x:hidden;width:100%}#root:before{background-image:none;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}*{box-sizing:border-box}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.fat-frank{font-family:Bebas Neue,sans-serif}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.portfolio-container{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-bottom:8px!important;margin-top:12px!important;min-height:calc(100vh - 90px)!important;padding-top:0!important;position:relative!important}.portfolio-container:before{background-image:radial-gradient(circle at 10% 20%,#ff4ecd0f 0,#0000 20%),radial-gradient(circle at 90% 80%,#7ab8ff0f 0,#0000 20%),linear-gradient(45deg,#ff4ecd05 25%,#0000 0,#0000 75%,#7ab8ff05 0),linear-gradient(-45deg,#7ab8ff05 25%,#0000 0,#0000 75%,#ff4ecd05 0);background-position:0 0,0 0,0 0,30px 30px;background-repeat:no-repeat,no-repeat,repeat,repeat;background-size:100% 100%,100% 100%,60px 60px,60px 60px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.portfolio-content{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;margin-top:0!important;position:relative!important;text-align:center!important;width:100%!important}.portfolio-content:before{background:linear-gradient(90deg,#0000,#ff4ecd1f,#7ab8ff1f,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:-1}.portfolio-title{align-items:center!important;border-radius:20px!important;display:flex!important;gap:8px!important;padding:8px 16px!important;position:relative!important}.portfolio-title:before{background:linear-gradient(90deg,#ff4ecd14,#7ab8ff14);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.portfolio-title-icon{color:#ff4ecd!important;font-size:32px!important}.portfolio-title h1{color:#fff!important;font-family:Roboto,Arial,sans-serif!important;font-weight:900!important}.portfolio-card{background:linear-gradient(135deg,#0e0b12,#101225)!important;border:1px solid #ff4ecd2e!important;border-radius:20px!important;box-shadow:0 10px 40px #00000073,0 0 0 1px #7ab8ff1f!important;max-width:780px!important;overflow:visible!important;padding-bottom:24px!important;padding-top:24px!important;position:relative!important;width:100%!important}.portfolio-card:before{background:linear-gradient(135deg,#ff4ecd26,#0000 50%,#7ab8ff1f);border-radius:14px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.portfolio-card:after{background-image:linear-gradient(45deg,#ff4ecd14 25%,#0000 0),linear-gradient(-45deg,#7ab8ff14 25%,#0000 0);background-repeat:repeat;background-size:10px 10px;border-radius:50%;content:"";height:40px;opacity:.5;pointer-events:none;position:absolute;right:10px;top:10px;width:40px;z-index:-1}.portfolio-card-content{text-align:center!important;width:100%!important}.portfolio-balance-label{color:#aaa!important;margin-bottom:8px!important}.portfolio-balance{align-items:center!important;color:#ff4ecd!important;display:flex!important;font-weight:700!important;gap:4px!important;justify-content:center!important;position:relative!important}.portfolio-balance:after{background:linear-gradient(90deg,#0000,#ff4ecd59,#7ab8ff59,#0000);bottom:-10px;content:"";height:1px;left:30%;position:absolute;right:30%}.portfolio-balance-icon{color:#ff4ecd!important;font-size:1.2em!important}.portfolio-buttons{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;margin:40px auto 0!important;max-width:600px!important;position:relative!important;width:100%!important}.portfolio-buttons:before{background:#00ff8733;content:"";height:10px;left:50%;position:absolute;top:-20px;width:1px}.portfolio-button{background:linear-gradient(180deg,#ff4ecd1f,#7ab8ff1f)!important;border:1px solid #ff4ecd59!important;border-radius:8px!important;box-shadow:0 2px 10px #0000001a!important;color:#eafff6!important;font-size:1rem!important;font-weight:600!important;min-height:56px!important;overflow:hidden!important;padding:16px 24px!important;position:relative!important;transition:all .2s ease-in-out!important}.portfolio-button:after{background:radial-gradient(circle,#ff4ecd2e 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease-in-out;width:200%}.portfolio-button:hover{background:linear-gradient(180deg,#ff4ecd2e,#7ab8ff2e)!important;border-color:#7ab8ff80!important}.portfolio-button:hover:after{opacity:1}.portfolio-button-icon{color:#ff4ecd!important}.portfolio-amount-selector{position:relative!important}.portfolio-back-button{color:#fff!important;left:0!important;position:absolute!important;top:0!important}.portfolio-menu{align-items:flex-start!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding-top:10vh!important;position:fixed!important;right:0!important;top:0!important}.portfolio-menu .MuiMenu-paper{background-color:#000!important;border:none!important;box-shadow:none!important;margin:0!important;max-height:none!important;min-width:520px!important;position:static!important;width:auto!important}.portfolio-menu .MuiMenu-paper .MuiList-root{background-color:#000!important;padding:0!important}.portfolio-menu .MuiBackdrop-root{background-color:#000c!important}.MuiModal-root{align-items:center!important;display:flex!important;justify-content:center!important}.MuiModal-root .MuiBackdrop-root{background-color:#000c!important}.MuiModal-root>div{outline:none!important}@media (max-width:768px){.portfolio-container{margin-top:10px!important;padding:8px 16px 0!important}.portfolio-card{max-width:100%!important;padding-bottom:20px!important;padding-top:20px!important}.portfolio-buttons{gap:16px!important;grid-template-columns:1fr!important;margin-top:32px!important;max-width:100%!important}.portfolio-button{font-size:.95rem!important;min-height:52px!important;padding:14px 20px!important}.portfolio-title h1{font-size:1.5rem!important}.portfolio-title-icon{font-size:28px!important}}@media (max-width:480px){.portfolio-container{margin-top:8px!important;padding:6px 12px 0!important}.portfolio-card{padding-bottom:16px!important;padding-top:16px!important}.portfolio-button{font-size:.9rem!important;min-height:48px!important;padding:12px 16px!important}.portfolio-buttons{margin-top:28px!important}}.tutorial-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.tutorial-overlay{align-items:center;background-color:#000000f2;display:flex;justify-content:center}.tutorial-overlay,.tutorial-overlay-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10001}.tutorial-overlay-container{pointer-events:none}.tutorial-overlay-part{background-color:#000000f2;pointer-events:none;position:absolute;z-index:10001}body.tutorial-active{height:100vh;overflow:hidden;position:fixed;width:100%}body.tutorial-active .MuiContainer-root>:not(.tutorial-container):not(.tutorial-overlay):not(.tutorial-overlay-with-hole):not(.tutorial-highlight){pointer-events:none!important}.tutorial-content{background-color:initial;border-radius:0;box-shadow:none;color:#fff;max-width:80%;padding:20px;position:relative;text-align:center;z-index:10003}.tutorial-content .long-text{word-wrap:break-word;font-size:26px;margin-bottom:20px;max-width:90vw;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal}.tutorial-graph{align-items:flex-start;display:flex;flex-direction:column;max-width:100%}.graph-highlight{border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 0 0 2px #ffffff1a;position:absolute}.graph-highlight,.info-highlight{margin:0;padding:0;pointer-events:none;z-index:10002}.info-highlight{border:2px solid #ffffff80;border-radius:4px;box-shadow:0 0 10px #fff3;display:none;position:fixed}.bet-explanation,.info-explanation{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;border-radius:8px;max-width:90vw;padding:20px;position:fixed;text-align:center;width:auto;z-index:10005}@media (max-width:900px){.bet-explanation,.graph-explanation,.info-explanation{border-radius:12px;margin:0 auto;padding:15px;width:90vw}.tutorial-overlay-with-hole{height:100vh;left:0;position:fixed;top:0;width:100vw}.candle-example{flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.candle-item{flex:0 1 auto;margin:0 10px}.info-details{text-align:center}.info-details p{margin-bottom:15px}}.info-details{background-color:initial;display:flex;flex-direction:column;gap:15px;margin-top:10px;padding:10px 0;text-align:center}.info-details p{color:#fff;font-size:16px;line-height:1.5;margin:5px 0;text-align:center}.info-details p strong:first-child{color:#00ff87;font-weight:700;margin-right:5px}.info-details p strong:not(:first-child){color:#fff;font-weight:700}.bet-highlight{border:2px solid #ffffff80;border-radius:8px;box-shadow:0 0 10px #fff3;display:none;margin:0;padding:0;pointer-events:none;position:absolute;z-index:10002}.bet-explanation{background-color:initial;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:500px;z-index:10005}.button-choice{margin-top:15px}.button-example{display:flex;gap:20px;justify-content:center;margin-bottom:10px}.down-button-example,.up-button-example{border-radius:4px;display:inline-block;font-weight:700;min-width:80px;padding:8px 20px;text-align:center}.up-button-example{background-color:#00ff87;color:#fff}.down-button-example{background-color:#ff3b30;color:#fff}.final-explanation{background-color:#000000b3;border-radius:10px;box-shadow:0 0 20px #00000080;left:50%;max-width:800px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:10005}.tutorial-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px;z-index:10003}.bet-explanation h2,.graph-explanation h2,.info-explanation h2{border-bottom:2px solid #00ff87;margin-bottom:15px;padding-bottom:5px}.tutorial-content h2{margin-bottom:20px}.bet-explanation h2,.graph-explanation h2,.info-explanation h2,.tutorial-content h2{text-align:center!important}.tutorial-content h2{color:#fff;font-size:2rem;font-weight:700}.tutorial-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.tutorial-content p{color:#fffc;font-size:1.1rem}.tutorial-buttons{justify-content:center}.down-button,.up-button{font-size:1.5rem}.tutorial-graph{display:block;height:100%;position:relative;text-align:left;width:100%}.graph-highlight-intro,.info-highlight-intro{background-color:#ffffff1a!important;border:2px solid #4caf5080!important;border-radius:4px!important;box-shadow:0 0 15px #4caf504d!important}.graph-tooltip{left:auto!important;max-width:35%!important;right:10%!important;text-align:left!important;top:50%!important;transform:translateY(-50%)!important}.graph-explanation{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;border-radius:8px;max-width:90vw;padding:20px;position:fixed;text-align:center;width:auto;z-index:10005}@media (max-width:900px){.bet-explanation,.graph-explanation,.info-explanation{margin:0 auto;width:90vw}.candle-example{flex-direction:row;flex-wrap:wrap;justify-content:center}.candle-item{flex:0 1 auto}}.candle-example{flex-direction:column;gap:15px;margin-top:20px}.candle-example,.candle-item{align-items:center;display:flex}.candle-item{gap:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candle{border-radius:2px;flex-shrink:0;height:40px;width:20px}.up-candle{background-color:#00ff87}.down-candle{background-color:#ff3b30}.candle-text{word-wrap:break-word;color:#fff;flex:1 1;font-size:16px;min-width:0;overflow-wrap:break-word;text-align:center;white-space:normal}.green-text{color:#00ff87;font-weight:700}.red-text{color:#ff3b30;font-weight:700}.welcome-step{text-align:center}.welcome-content{max-width:600px;padding:4rem}.buttons-step{align-items:center;gap:2rem;height:100%;padding:2rem}.buttons-step,.graph-step{display:flex;flex-direction:column;justify-content:center}.graph-step{align-items:flex-end;bottom:0;left:0;padding-right:10%;position:fixed;right:0;top:0}.graph-step h2{margin-bottom:2rem;max-width:35%;text-align:left}.tutorial-step h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #00ff8780}.tutorial-step p{color:#fffc;font-size:1.1rem}.tutorial-buttons{display:flex;gap:2rem;margin-top:2rem}.down-button,.up-button{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:60px;justify-content:center;transition:all .3s ease;width:160px}.up-button{background:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.up-button:hover{background:#4caf5026;box-shadow:0 8px 32px #4caf5033;transform:translateY(-5px)}.down-button{background:#f443361a;border:1px solid #f4433633;color:#f44336}.down-button:hover{background:#f4433626;box-shadow:0 8px 32px #f4433633;transform:translateY(-5px)}.tutorial-indicators{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:35%}.indicator{align-items:center;display:flex;gap:1rem}.green-box,.red-box{border-radius:4px;flex-shrink:0;height:20px;width:20px}.green-box{background-color:#4caf50}.red-box{background-color:#f44336}.indicator span{color:#fff;font-size:1rem}.introjs-bullets,.introjs-progress,.introjs-tooltipbuttons{display:none!important}.tutorial-highlight{border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 0 0 2px #ffffff1a,0 0 10px #fff3;pointer-events:none;position:fixed;transition:all .3s ease;z-index:10004}.introjs-overlay{opacity:0!important;z-index:9999!important}.introjs-showElement{z-index:10001!important}.introjs-helperLayer{background-color:initial!important;border:none!important;box-shadow:none!important;opacity:0!important}.introjs-arrow{display:none!important}.tutorial-interaction-blocker{background-color:initial;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.tutorial-next-button{pointer-events:auto!important;position:fixed!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;z-index:2147483647!important}
/*# sourceMappingURL=main.4f2f96c3.css.map*/