body{font-family:Inter,sans-serif;font-size:16px;color:#222;position:relative;padding:0;margin:0}html,body{overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0}li{list-style:none}a{color:#222;text-decoration:none}.background{width:100%;height:100vh}.container{margin-left:auto;margin-right:auto}.main-page{position:relative;height:100%;padding-bottom:40px}.bg{position:fixed!important;width:100%;height:100%;top:0;left:0}.bg img{width:100vw;height:100vh}.main-page *{position:relative}.darken-bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;background-color:#0009}header{padding-top:20px}.header{background:#fff;padding:10px 30px;display:flex;align-items:center;border-radius:10px}.logo{border-radius:50%;display:block;text-transform:uppercase;font-weight:700}.logo img{margin-right:8px;width:70px;border-radius:50%;border:1px solid black}.phone{margin-left:auto;margin-right:30px}.header a{display:flex;align-items:center;transition:all .3s ease}.header a:hover{color:#7a0b09;transform:scale(1.025)}.header i{font-size:25px;margin-right:8px}.phone i{margin-right:4px}.input-num .container{margin-top:40px;background:#fff;margin-bottom:40px;padding:40px 20px;border-radius:10px}.input-num h1{font-size:36px;margin-bottom:10px}.input-num p{font-size:18px;margin-bottom:20px}.input-num p span{color:#7a0b09;font-weight:700}.input-num input{border:none;outline:none;font-family:Inter,sans-serif;border:1px solid #aaa;border-radius:10px;width:100%;padding:20px 210px 20px 24px;font-size:22px;color:#555}.send{position:absolute;top:50%;right:10px;transform:translateY(-50%);background-color:#7a0b09;padding:18px 35px;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.send i{margin-right:8px}.info-package{margin-top:40px;display:none}.info-package.show{display:block}.info-package .container{background:#fff;border-radius:10px;padding:25px 20px}.info{margin-bottom:10px}.info span{font-weight:700}.status-item{display:flex;align-items:center;border-bottom:1px solid #ddd}.status-item:last-child{border-bottom:none}.status-item:nth-child(2n){background:#f3f8f9}.date{font-weight:700}.status{border:1px solid #ddd;border-radius:3px}.date{padding:30px 20px;font-size:16px}.divider{position:absolute;top:0;height:100%;width:1px;background-color:#ddd;left:180px}.status-name{font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:240px}.dot{position:absolute;top:50%;transform:translateY(-50%);left:162px;border-radius:50%;border:1px solid #ddd;background-color:#fff;padding:12px}.dot.active{background:green}.dot-inner{border-radius:50%;background:#ddd;width:12px;height:12px}.error{display:none;margin-top:10px;color:red}.error.show{display:block}.loader-line{display:none;width:75%;height:3px;position:relative;overflow:hidden;background-color:#ddd;margin:30px auto 0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.loader-line.show{display:block}.loader-line:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#7a0b09;-webkit-animation:lineAnim 1s linear infinite;-moz-animation:lineAnim 1s linear infinite;animation:lineAnim 1s linear infinite;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.sign .container{margin-top:40px;background:#fff;margin-bottom:40px;padding:40px 20px;border-radius:10px}.form{margin-top:50px;width:900px;max-width:100%;height:100%;min-height:600px;background:#fff;position:relative;color:#222;padding:70px 30px;margin-left:auto;margin-right:auto;border:1px solid #222;border-radius:20px}.form h2{position:relative;display:inline;letter-spacing:2px;font-weight:500;font-size:36px}.form h2:after{content:"";width:50%;height:2px;position:absolute;bottom:-3px;left:0;background-color:#7a0b09}form{margin:50px 0}.form .input{display:flex;margin-bottom:40px;position:relative;align-items:center}.form .input i{color:#7a0b09;width:15px;font-size:20px;margin-right:20px}.form input{border:none;width:100%;outline:none;font-size:18px}.form .input:after{content:"";position:absolute;width:100%;height:2px;bottom:-14px;left:0;background-color:#a2a2a2}.form input:focus-visible{outline:none}.form .input.last{margin-bottom:25px}form a{color:#7a0b09}form a:hover{text-decoration:underline}form button{margin-top:40px;margin-bottom:30px;display:block;width:100%;padding:15px;background:#7a0b09;border:none;border-radius:5px;cursor:pointer;color:#fff;letter-spacing:1.5px;font-size:20px}#err{color:red;text-align:center}.signup{text-align:center}.signup a{color:#7a0b09}.signup a:hover{text-decoration:underline}.auth{margin-left:auto}.auth span{font-size:14px;margin-bottom:5px;display:block}.auth a{justify-content:end}.bottom-menu{position:fixed;display:none;justify-content:space-between;align-items:center;bottom:0;left:0;width:100%;height:60px;background:#000;z-index:1}.bottom-menu a{position:relative;width:33.3%;height:100%;transition:all .5s ease}.bottom-menu a:hover{background:#212121}.bottom-menu a i{font-size:30px;display:block;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.add-track .container{margin-top:20px;margin-bottom:20px;background:#fff;padding:0 20px;border-radius:10px;height:25px}.add-button{position:absolute;background:#7a0b09;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;width:50px;height:50px;cursor:pointer}.add-button i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.user-tracks .track-item{margin-top:10px;background:#fff;border-radius:10px;overflow:hidden;background:#7a0b09}.auth span i{font-size:14px}.auth div{display:inline;float:right}.track-title{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:25px 30px;font-size:26px;position:relative;cursor:pointer}.track-status{padding:25px 20px 20px;background:#fff;display:none}.track-status.show{display:block}.track-name{overflow:hidden;width:90%}.track-name span{display:block;font-size:16px;margin-top:4px}.del-track{cursor:pointer}.track-line{position:absolute;bottom:8px;left:50%;right:50%;transform:translate(-50%);width:100%;height:3px;z-index:1}.track-line .loader-line{margin-top:0;width:90%;height:2px}.modal-add-track{max-width:500px;width:100%;position:fixed;top:-100%;left:50%;z-index:3;transform:translate(-50%,-50%);background:#fff;border-radius:10px;transition:top .7s ease}.modal-add-track.show{top:50%}.modal-wp{position:relative;padding:20px}.modal-add-track .input{position:relative;margin-top:20px}.modal-add-track input{width:100%;border:none;outline:none;font-size:18px}.modal-add-track .input:after{content:"";position:absolute;width:100%;height:2px;bottom:-10px;left:0;background-color:#a2a2a2}.modal-add-track h2{font-weight:500;letter-spacing:1px;padding-top:10px;padding-bottom:15px}.modal-add-track .input{display:flex;margin-bottom:40px;position:relative;align-items:center}.modal-add-track .input i{color:#7a0b09;width:15px;font-size:20px;margin-right:20px}.modal-add-track input{border:none;width:100%;outline:none;font-size:18px}.modal-add-track .input:after{content:"";position:absolute;width:100%;height:2px;bottom:-14px;left:0;background-color:#a2a2a2}.modal-add-track button{margin-top:20px;margin-bottom:20px;display:block;width:100%;padding:15px;background:#7a0b09;border:none;border-radius:5px;cursor:pointer;color:#fff;letter-spacing:1.5px;font-size:20px}.close-modal{position:absolute;right:20px;top:20px;z-index:1;cursor:pointer}.close-modal i{font-size:30px}.dark{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:#0009}.dark.show{display:block}.sort .container{margin-top:20px;margin-bottom:20px;overflow:hidden}.sorts{background:#fff;border-radius:10px;display:flex;overflow:hidden}.sort-item{padding:8px 0;text-align:center;border-right:1px solid #000;cursor:pointer;width:33%;font-size:14px;transition:all .5s ease}.sort-item.active{color:#fff;background:#7a0b09}.sort-item:first-child{width:35%}.sort-item:last-child{border:none;width:35%}#save_track{margin:0}.empty_track{background-color:#fff;padding:15px;text-align:center;border-radius:10px}#warning{font-size:14px;color:#fff;margin-top:10px;display:none}@media(max-width:1200px){.bg{left:-100px;transform:translate(-50%)}.bg img{width:2000px}}@media(max-width:992px){.logo span{display:none}.input-num input{font-size:20px}.input-num p{font-size:16px}.input-num h1{font-size:32px}.header i{font-size:20px}.send{padding:16px 30px}}@media(max-width:768px){.auth span{display:block}.phone{margin-top:20px;margin-left:0}.mail{margin-top:20px;margin-left:auto}.bg{left:-400px}.form .input i{font-size:18px}.form input{font-size:16px}.form h2{font-size:30px}.form a{font-size:14px}form button{font-size:18px;padding:12px}.signup,#err{font-size:14px}}@media(max-width:576px){.bottom-menu{display:flex}.main-page{padding-bottom:60px}.bg img{width:1500px}.header a{font-size:14px}.container{margin-right:15px;margin-left:15px}.input-num h1{font-size:28px}.input-num p{font-size:14px}.input-num input{padding:14px 180px 14px 20px;font-size:16px}.send{font-size:14px;padding:12px 22px}.input-num .container{padding-top:30px;padding-bottom:30px}.info{font-size:14px}.status-name{font-size:14px;padding-right:8px}.date{font-size:14px}.logo img{width:50px}.header{padding:10px 20px}.error{font-size:14px}.logo span{display:none}.auth span{font-size:12px}.track-title{font-size:20px}.track-name span{font-size:16px}.modal-add-track{width:90%}.modal-add-track input{font-size:16px}.modal-add-track h2{font-size:22px}.modal-add-track button{font-size:18px}.track-title{padding-right:25px;padding-left:25px}}@media(max-width:440px){.phone{margin-top:2px;width:100%;margin-right:0;justify-content:center}.mail{width:100%;justify-content:center}.dot{padding:9px;left:134px}.divider{left:150px}.status-name{left:195px}.input-num input{font-size:14px;padding-left:15px;padding-right:160px}.send{right:6px;padding:10px 18px}.input-num h1{font-size:24px}form{margin:40px 0}.form{padding:50px 30px;min-height:540px}.form h2{font-size:26px}form button{font-size:16px;padding:14px}.form .input i{margin-right:15px}.bottom-menu{height:50px}.bottom-menu a i{font-size:25px}.track-title{font-size:20px;padding:15px 15px 20px}.track-name span{font-size:14px}.track-status{padding:15px}.empty_track{font-size:14px}#warning{font-size:12px}}@media(max-width:380px){.header a{font-size:12px}.header i{font-size:16px}.input-num .container{padding-top:20px;padding-bottom:20px}.input-num h1{font-size:22px}.send{padding:10px;font-size:12px}.input-num input{padding-right:130px}.info{font-size:12px}.dot{padding:6px}.dot-inner{width:10px;height:10px}.divider{left:145px}.date{padding:20px;font-size:12px}.status-name,.error,.input-num p{font-size:12px}.form input{font-size:14px}.form .input i{font-size:16px}.form h2{font-size:24px}form button,.modal-add-track input{font-size:14px}.modal-add-track h2{font-size:20px}.modal-add-track button{font-size:16px}}@media(max-width:350px){.container{margin-right:5px;margin-left:5px}header{padding-top:10px}.divider{left:130px}.dot{left:119px}.status-name{left:170px}}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}@media(max-height:700px){.bg{left:-300px}.bg img{width:1300px}}