@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-color:#0ea5e9}body{font-family:system-ui,sans-serif}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:#060013;color:#fff;font-family:Roboto,sans-serif;margin:0;padding:0}h2{font-size:18px}.button,button{border:none;border-radius:15px;padding:10px 25px}.btn-transparency{background:transparent;border:2px solid hsla(0,0%,100%,.85)}.telegram{align-items:center;background:#000;background:url(./bg_main.E1XUIWj-.jpg) top/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:1000px;min-height:100vh;padding:60px 30px;text-align:center;width:100%}.telegram__logo{width:100px}.telegram__header h1{margin:10px 0}.telegram__header>p{font-size:30px;margin:15px 0}.telegram__header .sign button{align-items:center;background:linear-gradient(90deg,#0979f0,#03a6f8 48%,#0a78ed);border:none;border-radius:16px;box-shadow:0 8px 24px #0979f059;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;height:56px;justify-content:center;line-height:1;margin:15px 0;min-width:280px;padding:0 24px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.telegram__header .sign button:hover{box-shadow:0 10px 28px #0979f073;filter:brightness(1.05)}.main{background-color:#050020;margin:0 auto;max-width:800px;min-height:100vh;padding:75px 30px 150px;position:relative}.main__events h2,.main__events h2>div{align-items:center;display:flex}.main__events h2>div{background:red;border-radius:100%;font-size:14px;height:28px;justify-content:center;margin-left:10px;text-align:center;width:28px}.main__events-slider{margin-top:20px}.main__events-slider h3{font-size:14px;margin:10px 0}.main__activePrograms{margin-top:20px;width:100%}.main__activePrograms-empty{background:url(./empty_programs.BaGl2E4R.jpg) 50%/cover no-repeat;border-radius:15px;min-height:150px;padding:20px;width:100%}.main__activePrograms-empty h3{font-size:24px;line-height:1.15;margin-bottom:15px;width:75%}.main__activePrograms-empty button{color:#fff;font-size:14px;margin-top:20px}.main__activePrograms-full{align-items:center;display:flex;flex-direction:column}.main__activePrograms-full h2{margin-bottom:20px}.main__activePrograms-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff0f,#fff0),#1d1c3a;background-clip:padding-box,padding-box,padding-box,padding-box,border-box;background-image:radial-gradient(120% 90% at 50% 100%,#04a2f28c 0,#04a2f240 25%,#04a2f214 45%,#04a2f200 60%),radial-gradient(140% 110% at 20% 0,#04a2f22e 0,#04a2f200 50%),linear-gradient(180deg,#ffffff0f,#fff0),linear-gradient(#1d1c3a,#1d1c3a),linear-gradient(180deg,#04a2f2,#00001c);background-origin:padding-box,padding-box,padding-box,padding-box,border-box;border:1px solid transparent;border-radius:15px;box-shadow:0 0 20px 6px #0a7bed59,0 10px 40px #03a6f840;color:#fff;margin:10px 0;padding:20px;width:100%}.main__activePrograms-cardHead{display:flex;justify-content:space-between;width:100%}.main__activePrograms-progress{color:#03a6f8;display:flex;font-size:14px;margin-top:10px;width:100%}.main__activePrograms-progress img,.main__activePrograms-progress p{margin-right:5px}.main__activePrograms-line{padding:10px 0;position:relative;width:100%}.main__activePrograms-line>div{border-radius:10px;height:15px;position:absolute}.main__activePrograms-line .progress-full{background:#56486e;width:100%}.main__activePrograms-line .progress-done{background:#13e47b}.main__activePrograms-line .progress-plan{background:#03a6f8}.main__activePrograms-percent{align-items:center;display:flex;margin-top:20px}.main__activePrograms-percent .icon_percent_done{background:#13e47b;border-radius:10px;height:14px;margin-right:10px;width:14px}.main__activePrograms-percent .icon_percent_plan{background:#03a6f8;border-radius:10px;height:14px;margin:0 10px;width:14px}.main__activePrograms-percent p{font-size:14px}.main__programs{margin:20px 0;width:100%}.main__programs h2{text-align:center}.main__programs-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-clip:padding-box,padding-box,padding-box,padding-box,border-box;background-image:radial-gradient(120% 90% at 50% 100%,#04a2f28c 0,#04a2f240 25%,#04a2f214 45%,#04a2f200 60%),radial-gradient(140% 110% at 20% 0,#04a2f22e 0,#04a2f200 50%),linear-gradient(180deg,#ffffff0f,#fff0),linear-gradient(#1d1c3a,#1d1c3a),linear-gradient(180deg,#04a2f2,#00001c);background-origin:padding-box,padding-box,padding-box,padding-box,border-box;border:1px solid transparent;border-radius:15px;box-shadow:0 0 20px 6px #0a7bed59,0 10px 40px #03a6f840;color:#fff;display:flex;justify-content:space-between;margin:10px 0;padding:20px;width:100%}.main__programs-card img{height:100px}.main__programs-cardHead{display:flex;flex-direction:column}.main__programs-cardHead h3{margin-bottom:30px}.main__programs-cardHead button{background:linear-gradient(90deg,#0979f0,#03a6f8 48.47%,#0a7bed);max-width:140px}.main__habbits{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-clip:padding-box,padding-box,padding-box,padding-box,border-box;background-image:radial-gradient(120% 90% at 50% 100%,#04a2f28c 0,#04a2f240 25%,#04a2f214 45%,#04a2f200 60%),radial-gradient(140% 110% at 20% 0,#04a2f22e 0,#04a2f200 0),linear-gradient(180deg,#ffffff0f,#fff0),linear-gradient(#1d1c3a,#1d1c3a),linear-gradient(180deg,#04a2f2,#00001c);background-origin:padding-box,padding-box,padding-box,padding-box,border-box;border:1px solid transparent;border-radius:15px;box-shadow:0 0 20px 6px #0a7bed59,0 10px 40px #03a6f840;color:#fff;display:flex;flex-direction:column;margin:10px 0;padding:20px 20px 0;width:100%}.main__habbits-head{align-items:center;display:flex;justify-content:center}.main__habbits-head h3{font-size:24px}.main__habbits-head p{align-items:center;background:red;border-radius:10px;display:flex;height:20px;justify-content:center;margin-left:10px;width:20px}.main__finished{margin-top:30px}.main__finished h2{margin-bottom:15px;text-align:center}.main__finished-card{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-clip:padding-box,padding-box,padding-box,padding-box,border-box;background-image:radial-gradient(120% 90% at 50% 100%,#04a2f28c 0,#04a2f240 25%,#04a2f214 45%,#04a2f200 60%),radial-gradient(140% 110% at 20% 0,#04a2f22e 0,#04a2f200 50%),linear-gradient(180deg,#ffffff0f,#fff0),linear-gradient(#1d1c3a,#1d1c3a),linear-gradient(180deg,#04a2f2,#00001c);background-origin:padding-box,padding-box,padding-box,padding-box,border-box;border:1px solid transparent;border-radius:15px;box-shadow:0 0 20px 6px #0a7bed59,0 10px 40px #03a6f840;color:#fff;display:flex;justify-content:space-between;margin:10px 0;padding:20px;width:100%}.main__finished-card h3{font-size:16px}.main__finished-percent{align-items:center;display:flex}.main__finished-percent p{font-size:20px;font-weight:700;margin-right:5px}.main__finished-percent img{height:20px}body{font-family:Roboto,sans-serif}
