@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;outline:none}body,html{margin:0;padding:0;background:#eef1f9;min-width:100vw;min-height:100vh}:root{font-family:'Roboto', sans-serif}html[lang]{margin-top:0 !important}::-webkit-scrollbar{width:0}h1{color:#1d222b;font-size:22px;line-height:1.27;font-weight:bold}a{color:#0389fc;text-decoration:none}.login-page{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:32px}.login-page .form-wrapper{max-width:400px;width:100%;text-align:center}.login-page .form-wrapper h1{margin-bottom:36px}.login-page .form-wrapper form fieldset{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.login-page .form-wrapper form fieldset .input{position:relative;font-size:16px;line-height:1.25;border-radius:16px;background:#eef1f9;box-shadow:5px 5px 10px #cacdd4, -5px -5px 10px #ffffff}.login-page .form-wrapper form fieldset .input input{background:transparent;padding:16px 40px;width:100%;border:0}.login-page .form-wrapper form fieldset .input .prefix,.login-page .form-wrapper form fieldset .input .suffix{position:absolute;top:50%;transform:translateY(-50%)}.login-page .form-wrapper form fieldset .input .prefix svg path,.login-page .form-wrapper form fieldset .input .suffix svg path{transition:fill 0.3s ease-in-out}.login-page .form-wrapper form fieldset .input .prefix{left:16px}.login-page .form-wrapper form fieldset .input .suffix{right:16px}.login-page .form-wrapper form fieldset .input .suffix.preview-icon{cursor:pointer}.login-page .form-wrapper form fieldset .input input[type="text"]+.suffix.preview-icon #pupil{fill:transparent}.login-page .form-wrapper form fieldset .input.is-focused{border-radius:16px;background:#eef1f9;box-shadow:inset 5px 5px 10px #cacdd4, inset -5px -5px 10px #ffffff}.login-page .form-wrapper form fieldset .input.is-focused .prefix svg g.render path,.login-page .form-wrapper form fieldset .input.is-focused .suffix svg g.render path{fill:#0389fc}.login-page .form-wrapper form fieldset .input.is-error .prefix svg g.render path,.login-page .form-wrapper form fieldset .input.is-error .suffix svg g.render path{fill:#db1c26}.login-page .form-wrapper form fieldset .error{padding:0 16px;color:#db1c26;text-align:left;font-size:12px;line-height:1.5;opacity:0;transform:translateY(5px);transition:all 0.3s ease-in-out;min-height:18px}.login-page .form-wrapper form fieldset .input.is-error+.error{opacity:1;transform:translateY(0)}.login-page .form-wrapper form button[type="submit"]{font-size:16px;line-height:1.3;padding:14px;text-align:center;font-weight:bold;border:0;outline:0;border-radius:16px;cursor:pointer;width:100%;background:#337bfa;background:linear-gradient(130deg, #337bfa 0%, #3d9afa 50%, #51a5fc 100%);color:#fff;box-shadow:-1px 2px 6px #4171f4;margin-bottom:12px}.login-page .form-wrapper form .terms{padding:0 16px;font-size:11px;line-height:1.18;color:#657080}.login-page .form-wrapper form{margin-bottom:44px}.login-page .form-wrapper .social-login span{display:block;font-size:16px;line-height:1.25;color:#1d222b;margin-bottom:16px}.login-page .form-wrapper .social-login .social-buttons{display:flex;justify-content:center;align-items:center;gap:24px}.login-page .form-wrapper .social-login .social-buttons>div{border-radius:16px;background:#eef1f9;box-shadow:5px 5px 10px #cacdd4, -5px -5px 10px #ffffff;height:48px;width:48px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.profile-page .header{padding:16px 32px;box-shadow:2px 2px 10px rgba(77,36,65,0.364706);display:flex;justify-content:space-between;align-items:center}.profile-page .header .user-info{display:inline-flex}.profile-page .header .user-info .avatar{height:64px;width:64px;border-radius:100%;border:5px solid #fff;background:#0489fc;color:#fff;font-size:24px;line-height:1.25;display:inline-flex;justify-content:center;align-items:center;margin-right:8px;background-repeat:no-repeat;background-size:cover;background-position:center center}.profile-page .header .user-info .info{display:inline-flex;justify-content:center;flex-direction:column}.profile-page .header .user-info .info span{display:block;margin:2px 0;font-size:12px;line-height:1.16;color:#657080}.profile-page .header .user-info .info span.title{font-weight:bold;font-size:16px;line-height:1.25;color:#1d222b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:140px}.profile-page .header .general-info{display:inline-flex;justify-content:center;align-items:center}.profile-page .header .general-info .plan{border-radius:16px;color:#fff;font-size:12px;line-height:1.33;padding:8px;width:fit-content}.profile-page .header .general-info .plan svg{width:12px;height:12px;vertical-align:middle}.profile-page .header .general-info .plan svg path{fill:#fff}.profile-page .header .general-info .plan--free{box-shadow:-1px 2px 6px #657080;background:#657080}.profile-page .header .general-info .plan--basic{box-shadow:-1px 2px 6px #ca3431;background:#ca3431}.profile-page .header .general-info .plan--plus{box-shadow:-1px 2px 6px #d86f11;background:#d86f11}.profile-page .header .general-info .plan--premier{box-shadow:-1px 2px 6px #5db857;background:#5db857}@media (max-width: 400px){.profile-page .header .general-info .plan{font-size:10px}.profile-page .header .general-info .plan svg{width:8px;height:8px}}.profile-page .header .general-info .plan{margin-right:8px}.profile-page .header .general-info a{border-radius:16px;background:#eef1f9;box-shadow:5px 5px 10px #cacdd4, -5px -5px 10px #ffffff;padding:12px;display:inline-flex;justify-content:center;align-items:center}.profile-page .header .general-info a svg{height:16px;width:16px}.profile-page .header .general-info a svg path{fill:#1d222b}@media (max-width: 400px){.profile-page .header{padding:16px 16px}.profile-page .header .user-info .avatar{height:48px;width:48px}.profile-page .header .user-info .info span{font-size:10px}.profile-page .header .user-info .info span.title{font-size:14px;max-width:100px}.profile-page .header .general-info a{padding:12px}.profile-page .header .general-info a svg{height:12px;width:12px}}.profile-page .plan-list{display:flex;justify-content:center;padding:32px 0;flex-wrap:wrap}.profile-page .plan-list .plan-item{border-radius:16px;background:#eef1f9;box-shadow:5px 5px 10px #cacdd4, -5px -5px 10px #ffffff;width:320px;border-radius:16px;padding:54px 0 120px;background:#f2f5fd;background:linear-gradient(135deg, #f2f5fd 0%, #dfe5f0 100%);position:relative;overflow:hidden;margin:8px;text-align:center}.profile-page .plan-list .plan-item .starts-at{position:absolute;top:0;left:0;right:0;padding:8px 0;text-align:center;font-size:16px;line-height:1.25;font-weight:bold;text-transform:uppercase;background:#e0904a}.profile-page .plan-list .plan-item .starts-at>svg{height:20px;width:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.profile-page .plan-list .plan-item .starts-at>svg path{fill:#1d222b}.profile-page .plan-list .plan-item .logo{position:relative;margin-bottom:24px}.profile-page .plan-list .plan-item .logo>svg{height:68px;width:100px}.profile-page .plan-list .plan-item .logo>svg path{fill:#0489fc}.profile-page .plan-list .plan-item .logo .plan{border-radius:16px;color:#fff;font-size:12px;line-height:1.33;padding:8px;width:fit-content}.profile-page .plan-list .plan-item .logo .plan svg{width:12px;height:12px;vertical-align:middle}.profile-page .plan-list .plan-item .logo .plan svg path{fill:#fff}.profile-page .plan-list .plan-item .logo .plan--free{box-shadow:-1px 2px 6px #657080;background:#657080}.profile-page .plan-list .plan-item .logo .plan--basic{box-shadow:-1px 2px 6px #ca3431;background:#ca3431}.profile-page .plan-list .plan-item .logo .plan--plus{box-shadow:-1px 2px 6px #d86f11;background:#d86f11}.profile-page .plan-list .plan-item .logo .plan--premier{box-shadow:-1px 2px 6px #5db857;background:#5db857}@media (max-width: 400px){.profile-page .plan-list .plan-item .logo .plan{font-size:10px}.profile-page .plan-list .plan-item .logo .plan svg{width:8px;height:8px}}.profile-page .plan-list .plan-item .logo .plan{position:absolute;top:50%;left:50%;transform:translateY(-50%);z-index:2}.profile-page .plan-list .plan-item .restrictions{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;margin-bottom:32px}.profile-page .plan-list .plan-item .restrictions div{font-size:14px;line-height:1.6;color:#657080}.profile-page .plan-list .plan-item .restrictions div::before{content:"•";margin-right:4px}.profile-page .plan-list .plan-item .price{position:absolute;bottom:64px;left:0;right:0}.profile-page .plan-list .plan-item .price span{font-size:14px;line-height:1.2;color:#657080}.profile-page .plan-list .plan-item .price span.main-price{font-size:22px;line-height:1.27;color:#0389fc;display:block;font-weight:bold}.profile-page .plan-list .plan-item>button{position:absolute;left:0;right:0;bottom:0;border:0;width:100%;background:#337bfa;background:linear-gradient(90deg, #337bfa 0%, #3d9afa 50%, #51a5fc 100%);color:#fff;font-size:16px;line-height:1.25;padding:14px;font-weight:bold;text-transform:uppercase;cursor:pointer}.profile-page .plan-list .plan-item>button:disabled{opacity:0.5;cursor:initial}.profile-page .plan-list .plan-item>button.cancel-subscription{background:#db1c26;background:linear-gradient(90deg, #db1c26 0%, #dc363e 50%, #e2595f 100%)}