.navbar{position:fixed;top:2%;left:2%;right:2%;height:80px;background:var(--s-primary-color-0);backdrop-filter:blur(15px);border-radius:10px;border:1px solid rgba(78,78,87,.5);box-shadow:0 0 30px 5px rgba(0,0,0,.3);z-index:3;transition:all .3s ease-in-out}nav{display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:100%}.logo{color:#fff;font-size:2em;font-family:Poppins,sans-serif}nav ul{display:flex;list-style:none;margin:0;font-family:Montserrat,sans-serif}nav ul li{margin:0 15px}nav ul li a{color:#fff;font-size:17px;padding:7px 13px;position:relative;text-decoration:none}nav a:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:100%;height:5px;background-color:var(--s-third-color);visibility:hidden;transition:.3s;border-radius:50px}nav a.active:after{width:30px;visibility:visible}#check,.checkbtn{display:none}@media (max-width:960px){.checkbtn{position:absolute;left:20px;display:block;font-size:30px;cursor:pointer}nav{justify-content:flex-start}.logo{margin-left:60px}nav ul{position:fixed;top:115%;left:-100vw;background:var(--s-primary-color-0);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(78,78,87,.5);flex-direction:column;align-items:center;transition:left .5s;width:50%;min-width:400px;border-radius:10px;z-index:2}nav ul li{display:block;margin:30px 80px;line-height:30px}nav ul li a{font-size:20px;color:#c2bcbc}nav a.active,nav a:hover{color:#fff;opacity:1!important;transition:color .3s ease!important}#check:checked~ul{left:0}nav a:after{display:none}}@media (max-width:620px){.logo{font-size:1.5em}}@media (max-width:420px){nav ul{min-width:100%}}.item-container{min-height:fit-content;height:auto;gap:20px;align-items:flex-start!important;transition:all .3s ease}.pkg-nav,.pkg-profile{display:flex;flex-direction:column;color:#f7fcff;font-weight:600;padding:20px;width:100%;background-color:var(--s-primary-color);border-radius:10px;margin:0 0 20px}a{text-decoration:none!important;cursor:pointer}a:hover{transition:opacity .2s ease!important;opacity:.7!important}.pkg-sidebar{width:300px}.pkg-container{width:calc(100% - 320px)}.pkg-profile-name{display:flex;flex-direction:row;gap:10px;align-items:center}.pkg-profile-rank{display:block;margin:20px 0 0;background-color:#8b3dff}.pkg-profile-rank,.pkg-tos{width:100%;padding:10px;border-radius:20px;text-align:center}.pkg-tos{font-weight:500;background-color:var(--s-second-color)}.pkg-title{margin:0 0 20px}.pkg-item-container,.pkg-title{color:#f7fcff;font-weight:600;padding:20px;width:100%;background-color:var(--s-primary-color);border-radius:10px}.pkg-item-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;align-items:flex-start}.pkg-item-icon{width:235px;height:235px;margin:10px 0;justify-content:center;align-items:center}.pkg-item-icon,.pkg-item-price{display:flex;border-radius:20px}.pkg-item-price{color:var(--s-primary-color);margin:10px 1px;width:calc(100% - 20px);text-align:center;background-color:var(--s-button-color)}.pkg-item,.pkg-item-price{flex-direction:column;padding:10px}.pkg-item{display:flex;align-items:center;justify-content:space-between;width:calc(100% / 4 - 15px);height:auto;background-color:var(--s-second-color);border-radius:20px;cursor:pointer;transition:scale .2s ease}.pkg-item:hover{scale:1.03}.menu-toggle{display:none}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--s-dark-color);border:1px solid rgba(78,78,87,.5);padding:30px;margin:10px;border-radius:10px;text-align:center;min-width:400px;max-width:90%;position:relative}.modal-img{width:100%;border-radius:10px}.qty-name{color:#f7fcff;font-size:2em;font-weight:600;margin:10px 0}.modal-buy{margin:20px 0 10px;color:var(--s-dark-color)}.bar-container{gap:10px}.bar-container,.quantity-container{display:flex;justify-content:space-between;align-items:center}.quantity-container{width:200px}.qty-btn{background:var(--s-button-color);color:var(--s-dark-color);border:none;width:40px;height:40px;font-size:20px;cursor:pointer;border-radius:50%;font-weight:600;font-size:1.5em}.modal-buy.disabled,.qty-btn.disabled{opacity:.4!important;cursor:not-allowed}.qty-number{background-color:transparent;width:70px;text-align:center;outline:none}.qty-number,.qty-total{color:#f7fcff;font-size:1.5em;font-weight:600}.qty-total{text-align:right;width:100%}.modal-buy{padding:10px 20px;margin:20px 0 0;background:var(--s-button-color);border:none;color:var(--s-primary-color);cursor:pointer;border-radius:50px;width:100%;font-weight:600;transition:all .3s ease}.modal-buy:hover,.qty-btn:hover{opacity:.8}.line-barrier{background-color:var(--s-second-color);width:100%;height:2px;margin:0 0 25px}@media (max-width:1618px){.pkg-item{width:calc(100% / 3 - 14px)}}@media (max-width:1338px){.pkg-item{width:calc(100% / 2 - 11px)}}@media (max-width:1018px){.item-container{flex-direction:column;gap:0}.pkg-container{width:100%}.pkg-item{width:calc(100% / 3 - 14px)}.pkg-sidebar{width:100%;max-height:80px;overflow:hidden;transition:all .4s ease;background:var(--s-primary-color);border-radius:10px;margin-bottom:20px}.pkg-sidebar.open{max-height:400px}.pkg-title{position:relative;padding-right:60px}.pkg-nav{margin:0}.pkg-nav a{opacity:0;transition:opacity .3s ease-in-out}.pkg-nav.open a{opacity:1}.pkg-profile{flex-direction:row;align-items:center;justify-content:space-between;margin:0}.pkg-profile-rank{width:10em;margin:0 60px 0 10vw}.menu-toggle{display:block;position:absolute;right:calc(5% + 30px);color:#fff;font-size:30px;cursor:pointer}}@media (max-width:912px){.pkg-item{width:calc(100% / 2 - 11px)}.qty-name{font-size:1.5em}}@media (max-width:648px){.pkg-item{width:calc(100%)}}@media (max-width:548px){.pkg-sidebar.rank{max-height:150px}.pkg-sidebar.open{max-height:400px}.pkg-profile{flex-direction:column;align-items:flex-start;margin:0}.pkg-profile-rank{width:100%;margin:20px 0 0}.modal-content{min-width:90%}}@media (max-width:412px){.qty-total{font-size:1.2em}}@media (max-width:368px){.bar-container{flex-direction:column-reverse}.quantity-container{width:100%}.qty-total{text-align:center;font-size:1.5em}}.header{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:.5fr .5fr;grid-column-gap:0;grid-row-gap:0}.text{grid-area:1/1/2/4;z-index:2;padding:0 0 0 10%;margin:10% 0 0;line-height:100%}.header{color:var(--s-text-color);font-family:var(--font-plusjakarta),sans-serif;text-align:left}.header h1{font-size:5.5rem;line-height:100%;margin:170px 0 0 5%;font-weight:700;color:var(--s-text-color)!important}.header p{margin:28px 0 0 5%;line-height:1.2;font-size:1.1rem;color:var(--s-text-color-2)!important}.button{background-color:var(--s-button-color)!important}.logout{margin:30px 0 0;padding:0 0 0 5%}.banner{grid-area:1/2/4/6;position:relative;width:100%;overflow:hidden;z-index:-1}.banner img{object-fit:cover;width:100%;height:100%}.overlay{position:absolute;inset:0;pointer-events:none}.gradient-left{background:linear-gradient(to left,var(--s-background-0) 45%,var(--s-background) 100%)}.gradient-bottom{background:linear-gradient(to bottom,var(--s-background-0) 45%,var(--s-background) 100%)}.container a:hover,.header a:hover{text-decoration:none;background-color:#6b948ddb}.item-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:flex-start;flex-direction:row;margin:-5% 10% 0}.coin-container{margin:-5% 5% 0!important}.coin{display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr;grid-column-gap:0;grid-row-gap:0;width:350px;height:380px;margin:16px;background-color:var(--s-third-color);border-radius:25px;text-align:center;align-items:center;transition:.3s ease;cursor:pointer;max-width:95%}.coin p{font-size:1.5rem;color:var(--s-text-color)}.coin p b{font-size:5rem}.coin-price{grid-area:2/1/3/2;background-color:var(--s-button-color);height:82%;margin:0 3%;border-radius:0 0 20px 20px;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coin-price p{margin:10px;color:var(--s-primary-color);font-weight:500}.coin:hover{transform:scale(1.05);transition:.3s ease}.coin:active{transform:scale(.95);transition:.1s ease}.trakteer iframe{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);z-index:10001}.background{position:fixed;width:100vw;height:100vh;background-color:var(--s-background);z-index:-1}@media (max-width:1730px){.item-container{margin:-5% 5% 0}}@media (max-width:1024){.item-container{margin:-5% 3% 0}}@media (min-width:481px) and (max-width:768px){.header h1{font-size:5rem}.header p{margin:16px 0 10% 6%;font-size:1rem}}@media (min-width:334px) and (max-width:480px){.coin{margin:5% -6%}.rules,.sosmed,.store{display:grid;grid-template-columns:.5fr 1.5fr;grid-template-rows:repeat(2,.5fr);grid-column-gap:0;grid-row-gap:0}.container .button{grid-area:2/1/3/3;margin:0 20px;padding:12px 0}.content2{margin:0 60px 5px 0}.content2 h2{margin:24px 0 3px;font-size:1.4rem}.content2 p{margin:5px 0 3px;font-size:.8rem}.icon{margin:20px;padding:15px}.header h1{font-size:350%}.header p{margin:16px 0 10% 6%;font-size:100%}.button{font-size:.8rem;padding:12px 30px}}@media (max-width:333px){.rules,.sosmed,.store{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,.5fr);grid-column-gap:0;grid-row-gap:0}.icon{display:none}.container .button{grid-area:2/1/3/2;margin:0 20px;padding:12px 0}.content2{grid-area:1/1/2/2;margin:0 10% 15px;text-align:center}.content2 h2{margin:15px 0 3px;font-size:1.4rem}.content2 p{margin:5px 0 3px;font-size:.8rem}.icon{margin:20px;padding:15px}.header h1{font-size:350%}.header p{margin:16px 0 10% 6%;font-size:100%}.container .button{font-size:.8rem;padding:12px 30px;margin:0 10% 5%}.header .button{font-size:100%;padding:10px 20px}.ip{margin:30px 0 0}}.sui-container{display:flex;flex-direction:column;margin:-7rem 0 0;padding:0 15vw;gap:2rem;transition:all .3s ease}.sui-category-list{display:flex;gap:5rem;justify-content:center;width:100%;padding:2rem 5rem;background-color:var(--s-primary-color);z-index:5}.sui-main-container{display:flex;gap:2rem}.sui-sidebar{width:100%;flex:1;background-color:var(--s-second-color)}.sui-profile-name{display:flex;flex-direction:column;gap:1rem;align-items:center;position:relative;color:#f5f5f5;font-weight:600;margin:0 1rem}.sui-profile-img{position:relative;width:calc(100% - 4rem);max-width:80px;margin:2rem 2rem 0;aspect-ratio:1/1;image-rendering:pixelated}.sui-profile-rank{display:block;margin:20px 0 0;background-color:#8b3dff}.sui-profile-rank,.sui-tos{width:100%;padding:10px;border-radius:20px;text-align:center}.sui-tos{font-weight:500;background-color:var(--s-second-color)}.sui-main{display:flex;flex-direction:column;gap:2rem;flex:3}.sui-desc{width:100%;color:#f5f5f5;font-weight:500;background-color:var(--s-second-color);padding:2rem;white-space:pre-line}.sui-item-container{display:flex;flex-wrap:wrap;gap:1.5rem}.sui-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:calc(100% / 3 - 1rem);height:auto;background-color:var(--s-second-color);padding:10px;cursor:pointer;transition:scale .2s ease}.sui-item:hover{scale:1.03}.sui-item-icon{display:flex;width:235px;height:235px;margin:10px 0;border-radius:20px;justify-content:center;align-items:center}.sui-item-name{color:#f7fcff;font-weight:600;font-size:1rem}.sui-item-price{color:var(--s-primary-color);display:flex;flex-direction:column;padding:10px;margin:10px 1px;width:calc(100% - 20px);text-align:center;background-color:var(--s-button-color);border-radius:5px;font-weight:600;cursor:pointer}@media (max-width:1730px){.sui-container{padding:0 5vw 15rem}}@media (max-width:1124px){.sui-item{width:calc(100% / 2 - .75rem)}}@media (max-width:1024){.sui-container{padding:0 3vw 15rem}}@media (max-width:786px){.sui-main-container{flex-direction:column}}@media (max-width:586px){.sui-item{width:100%}}.sui-header{flex-direction:column;text-align:center;margin-bottom:4rem;padding:10rem 15vw;min-height:400px;overflow:hidden;color:#f5f5f5}.sui-header,.sui-header-text{display:flex;position:relative}.sui-header-text{width:100%;margin:0 auto;align-items:center;justify-content:space-between;z-index:0}.sui-header h1{font-size:5rem;font-weight:700;font-family:var(--font-league-spartan)}.sui-header-child{display:flex;justify-content:center;margin:1rem;gap:1rem;font-size:.9rem;cursor:pointer}.sui-header-child p{font-size:1rem;font-weight:600}.sui-mobile{display:none}body,html{background-color:var(--s-background);position:relative;z-index:-10}@media (max-width:1730px){.sui-header{padding:5rem 5vw 15rem}}@media (max-width:1550px){.sui-header-text h1{display:none}.sui-mobile{display:block!important}}@media (max-width:1024px){.sui-header{padding:5rem 3vw 15rem}}:root{--s-text-color:#fff;--s-text-color-2:#f8f8f9;--s-background:#1e1e29;--s-background-0:#1e1e2900;--s-primary-color:#0e0e15;--s-primary-color-0:#0e0e1590;--s-second-color:#14141e;--s-third-color:#2c2c43;--s-dark-color:#060609;--s-button-color:#c1c1e9}