*{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 .auth__ico{background:url(/icons/icon.svg) 50%/48px no-repeat,#eef6ff;border-radius:20px;width:72px;height:72px;margin-bottom:20px}.auth .auth__header .auth__title{color:#000;margin-bottom:10px;font-size:32px;font-weight:700;line-height:39px}.auth .auth__header .auth__text{color:#484848;font-size:16px;font-weight:400;line-height:140%}.auth .auth__main .auth__oauth-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.auth .auth__main .auth__oauth-list .auth__oauth-item{color:#000;transition:background-color var(--transition-time),border-color var(--transition-time);background:#fff;border:1px solid #e3e3e3;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-list .auth__oauth-item:hover{background-color:#f6f6f6;border-color:silver}.auth .auth__main .auth__oauth-list .auth__oauth-item:before{content:"";background:url(/google.svg) 50%/cover no-repeat;width:18px;height:18px;display:block}.auth .auth__main .auth__oauth-list .auth__oauth-item.apple-btn:before{background:url(/apple.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:20px;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-row{justify-content:space-between;align-items:center;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__forgot{color:var(--primary-color);cursor:pointer;transition:color var(--transition-time);background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.auth .auth__main .auth__form .auth__item .auth__forgot:hover{color:var(--primary-color-hover)}.auth .auth__main .auth__form .auth__item .auth__input-wrap{width:100%;position:relative}.auth .auth__main .auth__form .auth__item .auth__input-wrap .auth__input{width:100%}.auth .auth__main .auth__form .auth__item .auth__input-wrap .auth__eye{cursor:pointer;color:#a3a3a3;transition:color var(--transition-time);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.auth .auth__main .auth__form .auth__item .auth__input-wrap .auth__eye:hover{color:#484848}.auth .auth__main .auth__form .auth__item .auth__input{color:#000;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);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__footer{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.auth .auth__footer .auth__login{text-align:center;color:#484848;font-size:14px;font-weight:400;line-height:140%}.auth .auth__footer .auth__login .auth__login-btn{color:var(--primary-color);transition:color var(--transition-time);background:0 0;font-size:14px;font-weight:600;line-height:140%;text-decoration:underline}.auth .auth__footer .auth__login .auth__login-btn:hover{color:var(--primary-color-hover)}.auth .auth__footer .auth__support{color:var(--primary-color);transition:color var(--transition-time);background:0 0;font-size:14px;font-weight:600;line-height:140%;text-decoration:underline}.auth .auth__footer .auth__support:hover{color:var(--primary-color-hover)}