:root{--header-background-color: #090e1d;--main-background-color: #131b2e;--main-color: #ffff;--under: #036aff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;text-decoration:none}html,body{height:100%}.container{max-width:1260px;padding:0 15px;margin:0 auto;height:100%}hr{background:gray;height:1px;width:77vw;margin:30px auto 20px}.header__body{padding-top:50px}.cellar__main{padding-bottom:40px}a{cursor:pointer;color:#fff}.desktop-menu a,.mobile-menu a{position:relative;text-decoration:none;color:inherit;padding:8px 0;display:inline-block;transition:color .3s ease}.desktop-menu a:after,.mobile-menu a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:currentColor;transition:width .3s ease}.desktop-menu a:hover:after,.mobile-menu a:hover:after{width:100%}.desktop-menu a:hover,.mobile-menu a:hover{color:#007bff}main{background-color:var(--main-background-color);color:var(--main-color)}.header{color:#fff;z-index:999;margin:1rem;position:absolute;top:0;left:0;right:0}.header__content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--header-background-color);max-width:1440px;border-radius:35px;box-shadow:0 4px 12px #00000092;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:var(--main-color)}.auth-buttons{display:flex;gap:1rem}.btn{display:inline-block;padding:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .4s ease;text-align:center;position:relative;overflow:hidden;z-index:1;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px;outline:none}.login-btn{background:linear-gradient(135deg,#0061ff,#60efff);color:#fff;box-shadow:0 5px 15px #0061ff66}.login-btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0061ff99}.login-btn:active{transform:translateY(-2px);box-shadow:0 5px 15px #0061ff66}.login-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3a7bd5,#00d2ff);z-index:-1;border-radius:50px;opacity:0;transition:opacity .4s ease}.login-btn:hover:before{opacity:1}.signup-btn{background:linear-gradient(135deg,#f09,#493240);color:#fff;box-shadow:0 5px 15px #f096}.signup-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #f099}.signup-btn:active{transform:translateY(-2px) scale(1.02);box-shadow:0 5px 15px #f096}.signup-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff057c,#7c64d5);z-index:-1;border-radius:50px;opacity:0;transition:opacity .4s ease}.signup-btn:hover:after{opacity:1}.main-background{position:relative;background-image:url(/public/background/background_2.jpg);width:100vw;padding:4rem 0;margin:0 calc(-50vw + 50%)}.desktop-menu{display:flex;gap:.5rem;list-style:none}.header-item{display:flex;align-items:center;gap:1rem;margin-bottom:0}.header__item-popup{align-items:center;gap:1rem}.header-item li{list-style:none}.header-item a{text-decoration:none;color:#fff;transition:color .3s ease}.header-item a:hover{color:var(--main-color)}.burger-menu{display:none;cursor:pointer;position:relative;z-index:1000;margin:20px}.burger-menu span{display:block;width:25px;height:3px;margin:5px 0;background-color:#fff;transition:all .3s ease}.mobile__menu-wrap{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:var(--header-background-color);z-index:999;transition:all .3s ease;padding:70px 20px 20px;box-sizing:border-box}.mobile__menu-wrap.active{right:0}.burger-menu.active span:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:#fff}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:#fff}.mobile-menu{list-style:none;padding:0;margin:0}.mobile-menu li{margin-bottom:1rem}body.popup-open{overflow:hidden}.mobile-menu a{text-decoration:none;color:#fff;transition:color .3s ease;font-size:18px;display:block;padding:8px 0}.mobile-menu a:active{color:var(--main-color)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.overlay.active{opacity:1;visibility:visible}.mobile-menu a:hover{color:var(--main-color)}.mg-t-2r{margin-top:2rem}.promo-container{border-radius:15px;padding:1rem;box-shadow:0 10px 30px #0000004d;max-width:400px;width:100%;color:#fff;position:relative;overflow:hidden}.mg-o-auto{margin:0 auto}.promo-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 60%);transform:rotate(30deg);pointer-events:none}.promo-title{font-size:1.3rem;margin-bottom:10px;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.promo-code{background:#ffffff26;border:2px dashed rgba(255,255,255,.4);border-radius:10px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.code-text{font-size:1.5rem;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.copy-btn{background:#fff3;border:none;border-radius:8px;color:#fff;padding:10px 15px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.copy-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{background:#2ecc714d}.confirmation{font-size:.9rem;color:#2ecc71;font-weight:600;height:20px;transition:all .3s ease}@media (max-width: 950px){.promo-code{flex-direction:column}}.footer{background-color:#1a1a1a;color:#fff}.footer-container{max-width:1200px;margin:0 auto}.footer-row img{padding:1rem 0}.footer-row{display:flex;align-items:center;justify-content:space-between;width:100%}.footer-row__line{flex-grow:1;height:1px;background-color:#333;margin:0 15px}.footer-row button{padding:8px 25px;background-color:#555;border:1px solid #555;color:#fff;border-radius:4px;cursor:pointer;white-space:nowrap;text-transform:uppercase;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.footer-row button img{position:absolute;left:5px}.footer-row button span:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-40%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;pointer-events:none}.footer__support{display:flex;justify-content:space-between;gap:20px;padding:2rem 0;flex-wrap:wrap}.support-item{flex:1 1 30%;background:#222;border-radius:20px;font-size:.8rem}.support-item--contact{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:1rem;height:154px}.support-item--contact:after{content:"";position:absolute;bottom:-60px;right:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(30,144,255,.9),transparent 90%);border-radius:50%;filter:blur(20px);z-index:0;pointer-events:none}.support-time{background-color:#0061ff;padding:.2rem .4rem;border-radius:15px;font-size:.7rem}.support-content{max-width:60%;display:flex;flex-direction:row;justify-content:space-between}.support-content p{color:#ffffffa7;padding-top:.5rem}.support-btn{padding:8px 14px;background:#0061ff;border:1px solid #0061ff;color:#fff;font-weight:600;border-radius:10px;cursor:pointer;width:100%;transition:.2s ease-in-out}.support-btn:hover{background:#2979f9}.support-image{z-index:1}.support-image img{max-width:100px;position:absolute;top:2px;right:25px}.support-item--links{display:flex;justify-content:space-between;flex-direction:column;gap:10px;background:none}.link-block{background:#222;padding:1rem;border-radius:20px}.link-block h4{margin-bottom:8px}.link-block a{color:#bbb;text-decoration:none}.link-block a:hover{color:#fff}.support-item--blog{position:relative}.support-item--blog{padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.support-item--blog h3{margin-bottom:10px}.owner-image img{max-height:100%;position:absolute;bottom:0;right:0;border-radius:20px}.blog-icons{display:flex;gap:5px}.blog-icons img{background-color:#474747;padding:.5rem;border-radius:10px}.footer__info,.footer__info h3{margin-bottom:1rem}.footer__info ul{list-style:none}.footer__info ul li{margin:.6rem 0;font-size:.8rem}.footer__info ul li a{text-decoration:none;color:silver;transition:.2s ease-in-out}.footer__info ul li a:hover{color:#fff}.bottom-line{margin:0}.footer__social{margin-top:1rem;display:flex;flex-direction:row;gap:10px}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;color:#868686}.footer__bottom span{display:block}.copyright{font-size:.6rem}.age{font-size:2rem}@media (max-width: 768px){.support-item{flex:1 1 100%}.footer-container{padding-inline:1rem}}@media (min-width: 1024px){.header-item{display:flex;align-items:center;gap:1rem}}@media (max-width: 1340px){.desktop-menu_wrap,.desktop-menu{display:none}.logo{font-size:1.5rem}.burger-menu{display:block}}@media (max-width: 768px){.auth-buttons{gap:.5rem}.btn{padding:.9rem 1rem;font-size:14px}}@media (max-width: 600px){.header{margin:.5rem}.header__content{padding:1rem}.logo img{width:60px}}@media (max-width: 530px){.btn{padding:.6rem .9rem;font-size:10px}.burger-menu{margin:.5rem 0}.burger-menu span{height:2px;width:20px}}@media (max-width: 500px){.logo img{width:45px}.btn{letter-spacing:.5px}}@media (max-width: 420px){.logo{font-size:1.5rem}}@media (max-width: 370px){.logo img{width:35px}.btn{padding:.6rem .9rem;font-size:.5rem}}
