*{box-sizing:border-box;margin:0;padding:0}html{background-color:#ededed;height:auto}.auth__wrapper{background-color:#ededed;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.auth{background-color:#fff;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:440px;height:fit-content;margin:auto;padding:40px;display:flex;position:relative}@media (max-width:480px){.auth{padding:30px 20px}}.auth .auth__close{opacity:1;width:18px;height:18px;transform:opacity var(--transition-time);background:url(/back.svg) 50%/contain no-repeat;display:block;position:absolute;top:20px;right:20px}.auth .auth__close:hover{opacity:.7}.auth .auth__wip{color:#78350f;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;line-height:140%;display:flex}.auth .auth__wip .auth__wip-icon{color:#fff;background:#f59e0b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;line-height:1;display:flex}.auth .auth__header{flex-direction:column;align-items:center;display:flex}.auth .auth__header .auth__logo{margin-bottom:24px;display:block}.auth .auth__header .auth__logo img{display:block}.auth .auth__header .auth__title{text-align:center;color:#000;margin-bottom:10px;font-size:32px;font-weight:700;line-height:39px}.auth .auth__header .auth__text{text-align:center;color:#484848;font-size:16px;font-weight:400;line-height:140%}.auth .auth__main .auth__oauth-list{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.auth .auth__main .auth__oauth-item{border:1px solid var(--primary-color);color:#000;width:100%;transition:background-color var(--transition-time),border-color var(--transition-time);background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:16px;font-weight:500;line-height:100%;display:flex}.auth .auth__main .auth__oauth-item:hover{border-color:var(--primary-color-hover);background-color:#eff6ff}.auth .auth__main .auth__oauth-item:before{content:"";background:url(/google.svg) 50%/cover no-repeat;width:18px;height:18px;display:block}.auth .auth__main .auth__oauth-item.apple-btn:before{background:url(/apple.svg) 50%/cover no-repeat}.auth .auth__main .auth__oauth-item.email-btn{border-color:#dbdbdb;margin-bottom:4px}.auth .auth__main .auth__oauth-item.email-btn:hover{background-color:#f6f6f6;border-color:silver}.auth .auth__main .auth__oauth-item.email-btn:before{background:url(/email.svg) 50%/cover no-repeat}.auth .auth__main .auth__divider{text-align:center;color:#484848;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;font-size:14px;font-weight:400;line-height:140%;display:flex;position:relative}.auth .auth__main .auth__divider:after,.auth .auth__main .auth__divider:before{content:"";background-color:#eee;width:100%;height:1px;display:block}.auth .auth__main .auth__form{flex-direction:column;gap:12px;width:100%;display:flex}.auth .auth__main .auth__form .auth__error{color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;padding:8px 12px;font-size:13px}.auth .auth__main .auth__form .auth__message{color:#2f855a;background:#f0fff4;border:1px solid #c6f6d5;border-radius:10px;padding:8px 12px;font-size:13px}.auth .auth__main .auth__form .auth__item{flex-direction:column;gap:8px;width:100%;display:flex}.auth .auth__main .auth__form .auth__item .auth__label{color:#484848;font-size:12px;font-weight:500;line-height:100%}.auth .auth__main .auth__form .auth__item .auth__input{color:#000;width:100%;transition:border-color var(--transition-time),background-color var(--transition-time);background:#f6f6f6;border:1px solid #dbdbdb;border-radius:20px;padding:16px 20px;font-size:16px;font-weight:400;line-height:100%}.auth .auth__main .auth__form .auth__item .auth__input:hover{border-color:silver}.auth .auth__main .auth__form .auth__item .auth__input:focus{border-color:var(--primary-color);color:#000;background-color:#fff;outline:none}.auth .auth__main .auth__form .auth__submit{background-color:var(--primary-color);text-align:center;color:#fff;transition:background-color var(--transition-time),opacity var(--transition-time);border-radius:20px;padding:16px;font-size:16px;font-weight:600;line-height:100%;display:block}.auth .auth__main .auth__form .auth__submit:hover{background-color:var(--primary-color-hover)}.auth .auth__main .auth__form .auth__submit:disabled:not(.auth__submit--loading){opacity:.5;cursor:not-allowed}.auth .auth__main .auth__form .auth__submit:disabled:not(.auth__submit--loading):hover{background-color:var(--primary-color)}.auth .auth__main .auth__form .auth__submit--loading{cursor:default}.auth .auth__main .auth__form .auth__submit--loading:hover{background-color:var(--primary-color)}.auth .auth__main .auth__form .auth__submit .auth__spinner{width:18px;height:18px;margin:0 auto;animation:.8s linear infinite auth-spin;display:block}.auth .auth__main .auth__form .auth__resend{text-align:center;color:#484848;font-size:14px;font-weight:400;line-height:140%}.auth .auth__main .auth__form .auth__resend .auth__resend-btn{cursor:pointer;color:var(--primary-color);transition:color var(--transition-time);background:0 0;border:none;padding:0;font-size:14px;font-weight:600;line-height:140%;text-decoration:underline}.auth .auth__main .auth__form .auth__resend .auth__resend-btn:hover{color:var(--primary-color-hover)}.auth .auth__main .auth__form .auth__resend .auth__resend-btn:disabled{opacity:.5;cursor:not-allowed}.auth .auth__main .auth__features-list{justify-content:center;align-items:center;margin-top:16px;display:flex}.auth .auth__main .auth__features-list .auth__features-item{color:#292e30;align-items:center;font-size:14px;font-weight:500;line-height:140%;display:flex;position:relative}@media (max-width:1000px){.auth .auth__main .auth__features-list .auth__features-item{font-size:12px}}.auth .auth__main .auth__features-list .auth__features-item.rating:before{content:"";background:url(/star.svg) 50%/cover no-repeat;width:14px;height:14px;margin-right:2px;display:block}.auth .auth__main .auth__features-list .auth__features-item:not(:last-child):after{content:"";background-color:#7c8699;border-radius:10px;width:4px;height:4px;margin:0 10px;display:block}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}