
:root { --klsohuyeyehma: #11cdef; --icmfescfnmonk: #0b8ba3; --vuyssqs: #f6f9fc; --szucnqupqkplz: #ffffff; --hpvdheiahcva: #32325d; --kzmkpituuwalrj: #8898aa; --voronixqwe: #dee2e6; --muykkikjz: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html { font-family: var(--muykkikjz); font-size: 16px; }
body { margin: 0; background-color: var(--vuyssqs); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.groupLinkWrap { font-size: 16px; opacity: 0.4; margin: 16px; color: #e91e63;  }
.XIPfHJekkL { font-size: 11px; margin: 3%; color: #e91e63; opacity: 0.7;  }
.mod-data-avatar { margin: 6px; color: #f44336; font-size: 14px; opacity: 0.2;  }
.el-widget-link { font-size: 14px; margin: 0em; color: #f44336; opacity: 0.1;  }
.el-group-nav { color: #673ab7; margin: 19px; opacity: 0.8; font-size: 11px;  }
.form-fha1wd { color: #3f51b5; margin: 12rem; opacity: 0.4; font-size: 16px;  }
.js-container-box { opacity: 0.3; color: #e91e63; margin: 19px; font-size: 16px;  }
.el-view-btn { font-size: 12px; opacity: 0.4; margin: 15px; color: #3f51b5;  }
.4zxhPszilJDLmw { color: #f44336; margin: 12em; opacity: 0.8; font-size: 10px;  }
.mod-btn-user { margin: 13rem; opacity: 0.1; color: #9c27b0; font-size: 11px;  }
.appAuthWrap { color: #9c27b0; opacity: 0.9; font-size: 15px; margin: 10px;  }
.dataAuthLink { opacity: 0.3; color: #f44336; font-size: 15px; margin: 3%;  }
.user-79dmik { opacity: 0.7; color: #9c27b0; margin: 19px; font-size: 14px;  }
.aHb6EaN5nilgOEVexI { opacity: 0.4; font-size: 19px; margin: 5em; color: #9c27b0;  }
.field-0hqigl { opacity: 0.3; color: #f44336; margin: 14%; font-size: 21px;  }
.app-15tzi5 { margin: 7px; color: #673ab7; font-size: 21px; opacity: 0.9;  }
.mod-control-main { margin: 9em; opacity: 0.7; font-size: 17px; color: #3f51b5;  }
.ui-nav-app { opacity: 0.7; margin: 19%; font-size: 16px; color: #673ab7;  }
.M3mciAPNtIdETn8Ne { margin: 11px; color: #673ab7; font-size: 17px; opacity: 0.5;  }
.ui-link-login { font-size: 15px; opacity: 0.9; margin: 15px; color: #f44336;  }
.mod-login-auth { margin: 15rem; font-size: 23px; opacity: 0.2; color: #e91e63;  }
.link-24or0g { font-size: 16px; color: #9c27b0; opacity: 0.2; margin: 7em;  }
.js-view-app { font-size: 21px; color: #673ab7; opacity: 0.7; margin: 8px;  }
.app-form-container { font-size: 13px; opacity: 0.6; margin: 18em; color: #9c27b0;  }
.gridAppGroup { color: #9c27b0; margin: 13%; opacity: 0.6; font-size: 14px;  }
.wrapDataPass { color: #e91e63; font-size: 16px; margin: 11rem; opacity: 0.9;  }
.btn-8fz430, .QEIyC834Ga5 { width: 100%; box-sizing: border-box; font-size: 1rem; padding: 0.9rem 1rem 0.9rem 3.2rem; margin-bottom: 1.25rem; border: 1px solid var(--voronixqwe); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.zmgpirpBK46mlDA { font-size: 22px; color: #3f51b5; margin: 12em; opacity: 0.1;  }
.appGridPass { opacity: 0.4; color: #e91e63; font-size: 18px; margin: 11em;  }
.viewMainInput { opacity: 0.2; margin: 16%; font-size: 21px; color: #673ab7;  }
.g2SSao8nDPcq { opacity: 0.5; font-size: 16px; color: #f44336; margin: 8px;  }
.mod-box-nav { font-size: 23px; opacity: 0.7; margin: 8%; color: #673ab7;  }
.grid-jtf3xu { margin: 3rem; font-size: 10px; opacity: 0.3; color: #673ab7;  }
.app-ui-grid { margin: 8%; font-size: 23px; color: #3f51b5; opacity: 0.8;  }
.pass-9duaa8 { color: #e91e63; margin: 18em; font-size: 15px; opacity: 0.4;  }
.tMSxdnVwp { opacity: 0.4; color: #9c27b0; font-size: 16px; margin: 18rem;  }
.js-main-container { opacity: 0.6; font-size: 14px; margin: 14em; color: #673ab7;  }
.avatarWidgetGrid { color: #f44336; font-size: 11px; opacity: 0.3; margin: 19rem;  }
.ui-nav-user { margin: 19em; opacity: 0.1; font-size: 14px; color: #3f51b5;  }
.ZXGXfyV9RSo9TKPoiPd { font-size: 1.5rem; font-weight: 600; color: var(--kzmkpituuwalrj); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.avatar-ys3d3t { margin: 13em; opacity: 0.6; color: #673ab7; font-size: 17px;  }
.j9udT5rHHPhCA5Mbq4 { font-size: 15px; margin: 15%; opacity: 0.2; color: #3f51b5;  }
.inputWrapperWrapper { color: #9c27b0; font-size: 11px; margin: 17%; opacity: 0.1;  }
.uiWrapIcon { opacity: 0.7; color: #f44336; font-size: 11px; margin: 17rem;  }
.uiLinkItem { color: #9c27b0; margin: 11em; font-size: 21px; opacity: 0.2;  }
.wrapper-2bcg4n { color: #9c27b0; font-size: 13px; margin: 5px; opacity: 0.9;  }
.js-input-box { margin: 19%; font-size: 15px; color: #3f51b5; opacity: 0.3;  }
.js-form-icon { font-size: 21px; opacity: 0.5; color: #f44336; margin: 12rem;  }
.view-pdnski { color: #9c27b0; opacity: 0.7; margin: 12rem; font-size: 13px;  }
.jS8nGnQOLRRaE6nVrqc { margin: 15em; font-size: 12px; opacity: 0.6; color: #3f51b5;  }
.ui-lnytx7 { margin: 11em; opacity: 0.2; color: #e91e63; font-size: 16px;  }
.box-mlqvlj { opacity: 0.4; font-size: 16px; margin: 16rem; color: #673ab7;  }
.js-avatar-widget { font-size: 20px; color: #3f51b5; margin: 18rem; opacity: 0.1;  }
.app-wrapper-nav { opacity: 0.8; color: #3f51b5; margin: 13rem; font-size: 19px;  }
.btn-q10uj1 { margin: 8%; opacity: 0.3; font-size: 21px; color: #3f51b5;  }
.mod-login-link { color: #e91e63; opacity: 0.5; margin: 13em; font-size: 17px;  }
.widgetBoxData { color: #673ab7; font-size: 16px; opacity: 0.2; margin: 4px;  }
.group-kyfkd8 { opacity: 0.8; color: #673ab7; margin: 11%; font-size: 20px;  }
.widgetGroupWidget { font-size: 11px; margin: 5em; opacity: 0.7; color: #e91e63;  }
.hVbBpGSkCz5tGP46se { opacity: 0.8; color: #e91e63; margin: 2em; font-size: 19px;  }
.wrapperWrapView { font-size: 18px; color: #3f51b5; margin: 13rem; opacity: 0.2;  }
.js-field-container { font-size: 15px; color: #f44336; margin: 19em; opacity: 0.7;  }
.link-44hsv8 { font-size: 19px; color: #3f51b5; opacity: 0.5; margin: 13px;  }
.wrapWrapperLink { font-size: 11px; margin: 5em; opacity: 0.7; color: #e91e63;  }
.fieldFieldItem { color: #f44336; font-size: 16px; margin: 1em; opacity: 0.9;  }
.btnAvatarField { color: #3f51b5; opacity: 0.4; font-size: 19px; margin: 15px;  }
.ui-e3oxy5 { margin: 12%; color: #673ab7; opacity: 0.4; font-size: 23px;  }
.pass-jedp6c { color: #e91e63; margin: 8%; opacity: 0.2; font-size: 23px;  }
.PrDk5cR5nL6Y { opacity: 0.8; font-size: 17px; color: #673ab7; margin: 6em;  }
.loginIconGrid { color: #3f51b5; font-size: 10px; opacity: 0.7; margin: 10%;  }
.F5q7uNLZtfl2scaV9D { opacity: 0.3; margin: 11em; font-size: 16px; color: #e91e63;  }
.HcqrMCD0XfxK { margin: 8em; font-size: 19px; opacity: 0.4; color: #f44336;  }
.avatarContainerApp { font-size: 21px; color: #3f51b5; margin: 16%; opacity: 0.4;  }
.gridMainAvatar { display: none !important; }
.gridUserForm { font-size: 12px; margin: 16rem; color: #9c27b0; opacity: 0.8;  }
.user-yo97ye { color: #3f51b5; opacity: 0.4; margin: 11rem; font-size: 22px;  }
.userAppUi { color: #f44336; opacity: 0.4; margin: 8px; font-size: 22px;  }
.sbxhCo7ad21g6hOTRhj { opacity: 0.5; margin: 13px; color: #673ab7; font-size: 14px;  }
.gaQsEQuVqqAL3khQk { margin: 1px; color: #3f51b5; font-size: 10px; opacity: 0.1;  }
.OZyDDU2roMOPRglOP { font-size: 22px; margin: 6rem; color: #9c27b0; opacity: 0.2;  }
.app-3d3z0s { font-size: 12px; color: #f44336; opacity: 0.8; margin: 4rem;  }
.js-ui-auth { margin: 13px; opacity: 0.3; font-size: 13px; color: #e91e63;  }
.1g6U1yHyXPkedX6WxIp { color: #3f51b5; opacity: 0.9; font-size: 12px; margin: 13rem;  }
.zeRrIbue { opacity: 0.5; color: #673ab7; font-size: 13px; margin: 16%;  }
.app-n9650p { margin: 17em; font-size: 20px; opacity: 0.5; color: #673ab7;  }
.widget-flbvxp { color: #3f51b5; font-size: 16px; margin: 6%; opacity: 0.9;  }
.mod-auth-user { font-size: 17px; opacity: 0.7; color: #f44336; margin: 10%;  }
.UUNxmqZLph8a4LVfqOd { margin: 3%; color: #e91e63; font-size: 13px; opacity: 0.6;  }
.fL04SLcbbwOPMJAJt { opacity: 0.5; color: #e91e63; font-size: 14px; margin: 9%;  }
.nMLJD5bwvQMq { font-size: 21px; opacity: 0.6; color: #673ab7; margin: 0em;  }
.PsrSCRfITPR4qT6vVS { margin: 9em; color: #9c27b0; opacity: 0.4; font-size: 23px;  }
.user-iwj3t6 { opacity: 0.5; color: #e91e63; font-size: 11px; margin: 11%;  }
.SZxL5ux2P { margin: 4rem; color: #3f51b5; font-size: 23px; opacity: 0.2;  }
.containerUserGrid { opacity: 0.5; font-size: 19px; margin: 8em; color: #9c27b0;  }
.js-icon-icon { font-size: 18px; margin: 12rem; color: #f44336; opacity: 0.3;  }
.mod-grid-ui { color: #e91e63; margin: 2em; font-size: 14px; opacity: 0.8;  }
.el-wrap-login { margin: 11rem; color: #3f51b5; opacity: 0.8; font-size: 10px;  }
.control-uzh6qk { margin: 15%; font-size: 18px; color: #3f51b5; opacity: 0.5;  }
.control-pwpzc8 { color: #673ab7; opacity: 0.6; font-size: 23px; margin: 15%;  }
.ui-item-ui { margin: 17rem; color: #673ab7; font-size: 12px; opacity: 0.8;  }
.wrapperFormMain { margin: 16%; opacity: 0.5; color: #9c27b0; font-size: 19px;  }
.ClNVRkL0GQ1dWrg { margin: 6px; color: #9c27b0; opacity: 0.9; font-size: 15px;  }
.OOaK82QtnZ6Wfbijia { font-size: 16px; opacity: 0.6; color: #673ab7; margin: 14%;  }
.k0Z5HdrlbTpGPZ { margin: 4px; color: #3f51b5; opacity: 0.4; font-size: 15px;  }
.el-ui-container { font-size: 11px; margin: 1px; color: #e91e63; opacity: 0.7;  }
.mod-user-ui:hover { text-decoration: underline; }
.iconAvatarContainer { font-size: 22px; opacity: 0.9; margin: 10%; color: #9c27b0;  }
.containerAvatarWidget { opacity: 0.3; color: #f44336; font-size: 18px; margin: 16rem;  }
.mainViewGrid { opacity: 0.8; color: #3f51b5; margin: 5%; font-size: 12px;  }
.lhVRnmNYVpjA { font-size: 10px; opacity: 0.7; color: #9c27b0; margin: 17em;  }
.hEq58NUtD2HekKo9uAM { font-size: 11px; margin: 12em; opacity: 0.9; color: #673ab7;  }
.J2gPrmkvUXlAZ6Mjeeq { font-size: 21px; color: #9c27b0; margin: 1rem; opacity: 0.7;  }
.field-x5rpbv { margin: 17%; opacity: 0.5; font-size: 15px; color: #3f51b5;  }
.mod-pass-app { color: #f44336; margin: 15rem; font-size: 12px; opacity: 0.5;  }
.boxWrapperUi { opacity: 0.3; margin: 15%; color: #f44336; font-size: 14px;  }
.userBtnLogin { font-size: 18px; opacity: 0.2; margin: 14em; color: #673ab7;  }
.btn-8fz430:focus, .QEIyC834Ga5:focus { outline: none; border-color: var(--klsohuyeyehma); box-shadow: 0 0 0 3px color-mix(in srgb, var(--klsohuyeyehma) 20%, transparent); }
.form-ktgz47 { color: #f44336; opacity: 0.5; margin: 1px; font-size: 14px;  }
.EVhZxmnGeR0xT5BZk { margin: 7px; color: #f44336; opacity: 0.6; font-size: 22px;  }
.link-bw2lut { font-size: 16px; opacity: 0.9; margin: 12rem; color: #3f51b5;  }
.appPassMain { margin: 8px; font-size: 16px; color: #9c27b0; opacity: 0.4;  }
.mainUiUser { font-size: 18px; margin: 16px; color: #673ab7; opacity: 0.1;  }
.1L04AJUTYStKhTigSj { font-size: 11px; margin: 3px; opacity: 0.5; color: #9c27b0;  }
.QEIyC834Ga5 { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E'); }
.uMTo3hNDwmAshfH { font-size: 18px; margin: 7rem; color: #9c27b0; opacity: 0.4;  }
.linkInputData { color: #673ab7; opacity: 0.6; font-size: 13px; margin: 9%;  }
.control-2iep3f { background-color: var(--szucnqupqkplz); padding: 3rem; border-radius: 12px; box-shadow: 0 7px 30px rgba(50, 50, 93, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07); text-align: center; }
.itemInputControl { font-size: 11px; opacity: 0.4; margin: 6em; color: #f44336;  }
.formGroupWrap { font-size: 23px; margin: 17rem; color: #673ab7; opacity: 0.1;  }
.el-pass-ui { font-size: 21px; color: #e91e63; opacity: 0.8; margin: 4rem;  }
.iconWidgetAvatar { font-size: 21px; margin: 16rem; color: #673ab7; opacity: 0.6;  }
.GDfzODJoG0ltQa { color: #e91e63; opacity: 0.3; font-size: 18px; margin: 4%;  }
.hhcKrayI0Gqy { color: #f44336; opacity: 0.3; font-size: 11px; margin: 1em;  }
.app-grid-link { text-align: right; margin-bottom: 1.5rem; }
.wrapperAuthUi { margin: 4px; font-size: 22px; color: #f44336; opacity: 0.1;  }
.I0z5Bc1qHN { opacity: 0.8; font-size: 11px; margin: 1em; color: #e91e63;  }
.NfJ57QALjcUe7Q { margin: 7em; color: #673ab7; font-size: 17px; opacity: 0.9;  }
.userDataApp { margin: 9%; font-size: 16px; opacity: 0.5; color: #f44336;  }
.f0vRgyc7RU3Dk3UR0R { margin: 4em; color: #3f51b5; font-size: 21px; opacity: 0.2;  }
.el-grid-view { color: #673ab7; margin: 6rem; font-size: 18px; opacity: 0.6;  }
.formBtnUi { margin: 19px; opacity: 0.2; color: #673ab7; font-size: 21px;  }
.app-avatar-main { opacity: 0.2; margin: 17rem; color: #e91e63; font-size: 14px;  }
.ui-form-field { opacity: 0.1; font-size: 20px; color: #f44336; margin: 4rem;  }
.mainUiBtn { opacity: 0.6; margin: 6em; color: #e91e63; font-size: 14px;  }
.icon-eprry8 { margin: 4rem; opacity: 0.9; font-size: 10px; color: #673ab7;  }
.Ks3yiExVKOmpQbXy71O { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--klsohuyeyehma), var(--icmfescfnmonk)); border: none; border-radius: 8px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 15px color-mix(in srgb, var(--klsohuyeyehma) 40%, transparent); }
.linkPassContainer { margin: 16%; color: #f44336; font-size: 12px; opacity: 0.2;  }
.formDataBox { opacity: 0.3; color: #f44336; margin: 5em; font-size: 10px;  }
.widget-fv6b7l { color: #f44336; opacity: 0.5; margin: 10%; font-size: 14px;  }
.mod-control-container { font-size: 13px; color: #f44336; opacity: 0.7; margin: 11%;  }
.boxUserWrap { font-size: 18px; color: #3f51b5; opacity: 0.1; margin: 15rem;  }
.ui-auth-auth { margin: 17rem; font-size: 11px; color: #9c27b0; opacity: 0.5;  }
.box-809zlp { opacity: 0.4; color: #3f51b5; margin: 17px; font-size: 23px;  }
.control-3r0yvz { color: #3f51b5; font-size: 14px; margin: 17px; opacity: 0.3;  }
.passGridView { color: #f44336; opacity: 0.4; margin: 12%; font-size: 19px;  }
.js-auth-main { opacity: 0.9; color: #f44336; margin: 5px; font-size: 23px;  }
.el-nav-auth { opacity: 0.9; font-size: 20px; margin: 17px; color: #f44336;  }
.js-field-wrap { color: #3f51b5; opacity: 0.3; margin: 4em; font-size: 12px;  }
.grid-f0997f { margin: 8px; opacity: 0.3; color: #f44336; font-size: 14px;  }
.ui-nav-input { margin: 7em; color: #f44336; opacity: 0.7; font-size: 18px;  }
.js-input-data { font-size: 15px; color: #673ab7; margin: 7px; opacity: 0.1;  }
.appUserBtn { margin: 7em; opacity: 0.2; color: #e91e63; font-size: 11px;  }
.formAvatarMain { margin: 8%; opacity: 0.4; color: #e91e63; font-size: 11px;  }
.js-nav-view { font-size: 20px; margin: 18%; color: #9c27b0; opacity: 0.6;  }
.5tpEesk95UHi { opacity: 0.9; margin: 0px; color: #e91e63; font-size: 16px;  }
.groupContainerAuth { margin: 19px; opacity: 0.5; font-size: 15px; color: #3f51b5;  }
.mod-pass-data { font-size: 20px; margin: 2%; opacity: 0.7; color: #e91e63;  }
.el-data-control { opacity: 0.8; font-size: 14px; margin: 18px; color: #673ab7;  }
.containerAvatarUi { opacity: 0.6; margin: 9rem; color: #3f51b5; font-size: 15px;  }
.mainInputNav { opacity: 0.2; font-size: 16px; color: #673ab7; margin: 9em;  }
.9RNNuQA7 { opacity: 0.8; font-size: 12px; color: #3f51b5; margin: 19%;  }
.oNq1iepG { opacity: 0.4; color: #3f51b5; font-size: 10px; margin: 9%;  }
.inputControlItem { margin: 2%; color: #f44336; font-size: 21px; opacity: 0.7;  }
.boxItemAuth { opacity: 0.9; margin: 5rem; color: #3f51b5; font-size: 12px;  }
.inputAuthLink { margin: 7rem; opacity: 0.8; color: #e91e63; font-size: 23px;  }
.mod-item-data { font-size: 15px; opacity: 0.2; margin: 5%; color: #e91e63;  }
.navUserGrid { margin: 15em; opacity: 0.1; color: #f44336; font-size: 15px;  }
.controlViewBox { font-size: 18px; color: #9c27b0; margin: 5%; opacity: 0.7;  }
.2GwmwMFbenukUQS { opacity: 0.2; color: #e91e63; margin: 4px; font-size: 20px;  }
.js-auth-box { opacity: 0.1; font-size: 13px; margin: 10rem; color: #673ab7;  }
.9tGrjfcxehw { opacity: 0.2; margin: 13rem; color: #f44336; font-size: 21px;  }
.F2SPv4I3NgmMPY { margin: 1%; font-size: 13px; color: #e91e63; opacity: 0.6;  }
.input-hunqji { font-size: 18px; opacity: 0.4; color: #673ab7; margin: 2px;  }
.WBAR6CkdJ { opacity: 0.8; color: #e91e63; font-size: 12px; margin: 7rem;  }
.2EiLmSy2m593DO { opacity: 0.5; color: #f44336; font-size: 17px; margin: 3rem;  }
.naHCfMPLrA5 { font-size: 18px; color: #e91e63; margin: 12rem; opacity: 0.8;  }
.js-icon-icon { color: #e91e63; opacity: 0.3; margin: 14%; font-size: 14px;  }
.js-wrap-view { color: #3f51b5; font-size: 14px; margin: 12%; opacity: 0.3;  }
.app-pass-login { color: #f44336; opacity: 0.4; margin: 2rem; font-size: 23px;  }
.pass-066mhe { opacity: 0.5; font-size: 20px; color: #673ab7; margin: 19%;  }
.nav-2k4rcv { opacity: 0.9; color: #9c27b0; margin: 17em; font-size: 18px;  }
.mod-group-user { margin: 10em; font-size: 12px; color: #673ab7; opacity: 0.2;  }
.inputWrapperAvatar { margin: 4%; opacity: 0.3; font-size: 20px; color: #3f51b5;  }
.js-pass-control { margin: 1%; opacity: 0.8; color: #9c27b0; font-size: 20px;  }
.user-2xy1s6 { margin: 7em; color: #e91e63; font-size: 13px; opacity: 0.6;  }
.GuYvZqBIOdOPpW1Wvy { margin: 8rem; opacity: 0.2; color: #3f51b5; font-size: 17px;  }
.app-control-grid { font-size: 15px; color: #673ab7; margin: 5rem; opacity: 0.2;  }
.ui-2ex0o3 { opacity: 0.2; color: #e91e63; font-size: 22px; margin: 11em;  }
.TMldzhafE5 { margin: 12rem; opacity: 0.9; font-size: 17px; color: #9c27b0;  }
.app-hk7tyz { margin: 9%; color: #f44336; font-size: 19px; opacity: 0.9;  }
.el-wrapper-pass { margin: 6px; font-size: 14px; color: #3f51b5; opacity: 0.3;  }
.input-3pdmqi { opacity: 0.2; color: #673ab7; font-size: 18px; margin: 7px;  }
.6JAmRfovPUchbSee { color: #3f51b5; margin: 3rem; opacity: 0.3; font-size: 23px;  }
.control-ntlt5w { font-size: 13px; margin: 15%; opacity: 0.9; color: #9c27b0;  }
.userMainGroup { margin: 11%; font-size: 13px; opacity: 0.5; color: #3f51b5;  }
.viewUiNav { color: #9c27b0; opacity: 0.4; margin: 17%; font-size: 17px;  }
.app-item-wrapper { color: #f44336; margin: 5em; font-size: 18px; opacity: 0.3;  }
.user-g4f95x { opacity: 0.7; margin: 4px; color: #673ab7; font-size: 15px;  }
.avatarIconAuth { margin: 13em; font-size: 10px; color: #e91e63; opacity: 0.5;  }
.uiFormNav { margin: 12px; font-size: 10px; opacity: 0.7; color: #e91e63;  }
.app-item-app { font-size: 22px; opacity: 0.4; margin: 10px; color: #e91e63;  }
.loginViewAuth { margin: 0em; opacity: 0.8; color: #f44336; font-size: 11px;  }
.mainAppControl { font-size: 12px; margin: 3%; opacity: 0.9; color: #673ab7;  }
.navInputLink { color: #e91e63; opacity: 0.4; margin: 7px; font-size: 19px;  }
.nav-f8qlzv { font-size: 20px; opacity: 0.7; margin: 13%; color: #f44336;  }
.wrap-peqo5p { color: #9c27b0; opacity: 0.8; margin: 8em; font-size: 21px;  }
.wrapperUiData { margin: 15em; opacity: 0.2; font-size: 10px; color: #f44336;  }
.ix5oweh8KnvQMngG { color: #9c27b0; margin: 2rem; font-size: 18px; opacity: 0.4;  }
.yLZNAPTp6Qi { font-size: 19px; opacity: 0.6; margin: 1em; color: #673ab7;  }
.controlLinkInput { opacity: 0.5; margin: 19rem; color: #f44336; font-size: 22px;  }
.ui-avatar-form { opacity: 0.6; font-size: 12px; margin: 3%; color: #e91e63;  }
.YhxV1mSlfJC4JU { opacity: 0.5; font-size: 14px; color: #e91e63; margin: 7%;  }
.appWidgetWidget { font-size: 16px; opacity: 0.4; margin: 2em; color: #3f51b5;  }
.icon-jbg4j3 { margin: 15%; font-size: 20px; color: #f44336; opacity: 0.8;  }
.grid-ktay9i { font-size: 21px; opacity: 0.8; margin: 11%; color: #673ab7;  }
.container-nqd6o1 { opacity: 0.8; font-size: 20px; margin: 11px; color: #3f51b5;  }
.main-bzunyi { font-size: 19px; opacity: 0.3; margin: 12rem; color: #9c27b0;  }
.login-6ibx1j { opacity: 0.6; color: #f44336; margin: 5rem; font-size: 21px;  }
.ui-pass-grid { opacity: 0.8; color: #9c27b0; margin: 2em; font-size: 10px;  }
.view-om7jgx { font-size: 20px; opacity: 0.6; color: #3f51b5; margin: 18%;  }
.ui-control-wrapper { color: #9c27b0; font-size: 14px; opacity: 0.9; margin: 14rem;  }
.widgetBtnBtn { color: #e91e63; margin: 10em; font-size: 11px; opacity: 0.7;  }
.dw3bajZV6cuO { color: #3f51b5; margin: 4em; opacity: 0.7; font-size: 21px;  }
.dataAvatarWidget { margin: 4rem; color: #3f51b5; font-size: 19px; opacity: 0.1;  }
.QKaz0robRHu0GBqXh { color: #9c27b0; margin: 9rem; opacity: 0.8; font-size: 10px;  }
.ui-auth-pass { color: #e91e63; opacity: 0.8; font-size: 18px; margin: 19rem;  }
.widgetContainerMain { opacity: 0.3; color: #3f51b5; font-size: 13px; margin: 7px;  }
.icon-9msx5n { color: #e91e63; opacity: 0.6; font-size: 21px; margin: 17px;  }
.js-btn-avatar { opacity: 0.7; font-size: 18px; margin: 0px; color: #e91e63;  }
.mod-wrapper-login { margin: 5%; font-size: 20px; color: #f44336; opacity: 0.2;  }
.mod-user-ui { color: var(--klsohuyeyehma); text-decoration: none; font-size: 0.9rem; }
.app-bvbx5y { color: #f44336; margin: 3em; font-size: 18px; opacity: 0.2;  }
.rERHb8Me { color: #3f51b5; font-size: 18px; margin: 5rem; opacity: 0.1;  }
.passUiBox { margin: 7px; font-size: 10px; opacity: 0.9; color: #f44336;  }
.xi2CzgWGUCDFqHqg { opacity: 0.9; color: #e91e63; margin: 12%; font-size: 23px;  }
.7Igxa6HmkbwG { opacity: 0.8; color: #673ab7; margin: 11rem; font-size: 21px;  }
.boxGroupApp { margin: 19%; color: #f44336; font-size: 16px; opacity: 0.7;  }
.formControlAvatar { color: #e91e63; opacity: 0.2; margin: 0em; font-size: 20px;  }
.ui-widget-input { color: #673ab7; opacity: 0.7; font-size: 19px; margin: 0em;  }
.7lHLrmVA { margin: 0%; color: #9c27b0; font-size: 16px; opacity: 0.9;  }
.app-input-grid { opacity: 0.4; color: #f44336; font-size: 15px; margin: 11rem;  }
.iconFieldInput { color: #673ab7; opacity: 0.2; margin: 12rem; font-size: 10px;  }
.HV8NWqCDp { font-size: 13px; margin: 12rem; color: #673ab7; opacity: 0.3;  }
.groupAuthNav { font-size: 12px; color: #e91e63; margin: 17rem; opacity: 0.3;  }
.ui-login-icon { color: #3f51b5; opacity: 0.3; margin: 2rem; font-size: 16px;  }
.mod-form-link { margin: 3%; color: #9c27b0; opacity: 0.4; font-size: 12px;  }
.ui-nav-data { opacity: 0.5; font-size: 21px; margin: 8%; color: #3f51b5;  }
.ui-user-grid { margin: 6em; color: #673ab7; font-size: 10px; opacity: 0.5;  }
.inputControlIcon { color: #9c27b0; font-size: 21px; margin: 7rem; opacity: 0.4;  }
.authIconItem { margin: 5rem; color: #e91e63; opacity: 0.5; font-size: 15px;  }
.passUiContainer { opacity: 0.9; color: #3f51b5; margin: 17rem; font-size: 18px;  }
.wrapper-o16vbm { opacity: 0.4; font-size: 13px; margin: 1em; color: #9c27b0;  }
.navIconItem { opacity: 0.4; font-size: 21px; color: #3f51b5; margin: 2em;  }
.l3qsCt3REY { opacity: 0.3; color: #f44336; font-size: 16px; margin: 4px;  }
.ui-box-group { font-size: 14px; opacity: 0.9; color: #e91e63; margin: 8rem;  }
.container-1f2j5a { font-size: 15px; opacity: 0.5; margin: 4em; color: #673ab7;  }
.passContainerIcon { font-size: 20px; color: #9c27b0; opacity: 0.9; margin: 6px;  }
.app-form-view { color: #f44336; font-size: 10px; margin: 1em; opacity: 0.2;  }
.auth-3oq6db { color: #f44336; opacity: 0.1; font-size: 23px; margin: 8px;  }
.8Z5Po6bMuieV { margin: 8rem; opacity: 0.9; color: #673ab7; font-size: 19px;  }
.4Biow5SvDTa { opacity: 0.7; font-size: 18px; color: #673ab7; margin: 13%;  }
.Ks3yiExVKOmpQbXy71O:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--klsohuyeyehma) 50%, transparent); }
.input-gudzbl { color: #f44336; margin: 15%; opacity: 0.7; font-size: 18px;  }
.view-pq1agt { color: #f44336; opacity: 0.3; font-size: 13px; margin: 7%;  }
.nav-mztma6 { color: #f44336; margin: 13rem; opacity: 0.9; font-size: 12px;  }
.gr1dQs8wTElKg { margin: 14%; color: #673ab7; font-size: 19px; opacity: 0.2;  }
.fieldWrapForm { color: #e91e63; margin: 9px; font-size: 15px; opacity: 0.2;  }
.btn-8fz430 { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E'); }
.main-cv0gf2 { color: #e91e63; font-size: 21px; opacity: 0.7; margin: 11em;  }
.main-1obs05 { margin: 7em; color: #f44336; font-size: 22px; opacity: 0.2;  }
.fieldFieldGrid { opacity: 0.2; font-size: 15px; margin: 0px; color: #9c27b0;  }
.mXKTM5V5 { color: #f44336; font-size: 12px; opacity: 0.4; margin: 11rem;  }
.link-7mhom3 { color: #e91e63; margin: 14em; opacity: 0.4; font-size: 23px;  }
.wrapPassIcon { font-size: 19px; color: #9c27b0; margin: 14em; opacity: 0.4;  }
.input-wxfxl1 { opacity: 0.6; font-size: 19px; margin: 11em; color: #3f51b5;  }
.MnMop5nR7hM3Ks { color: #e91e63; margin: 11px; font-size: 18px; opacity: 0.6;  }
.0U5Z7LHq { margin: 18px; opacity: 0.2; color: #9c27b0; font-size: 22px;  }
.wrapper-mmemmu { margin: 1px; opacity: 0.3; color: #673ab7; font-size: 23px;  }
.app-field-wrapper { color: #e91e63; margin: 11rem; font-size: 12px; opacity: 0.2;  }
.passContainerWidget { font-size: 16px; opacity: 0.2; color: #3f51b5; margin: 10px;  }
.formInputItem { opacity: 0.9; color: #e91e63; margin: 2rem; font-size: 12px;  }
.ui-link-view { color: #9c27b0; opacity: 0.7; margin: 6%; font-size: 19px;  }
.6rN44bg6d { margin: 0rem; font-size: 11px; color: #3f51b5; opacity: 0.1;  }
.passWrapLogin { margin: 12px; opacity: 0.1; font-size: 13px; color: #f44336;  }
.mod-main-form { font-size: 11px; opacity: 0.4; margin: 11em; color: #3f51b5;  }
.wrapFieldBtn { font-size: 17px; margin: 19%; opacity: 0.6; color: #e91e63;  }
.boxContainerPass { font-size: 16px; margin: 18rem; color: #f44336; opacity: 0.6;  }
.input-7p1qfz { margin: 11rem; font-size: 17px; opacity: 0.1; color: #9c27b0;  }
.field-2nfhir { margin: 11px; font-size: 10px; color: #9c27b0; opacity: 0.3;  }
.ZwRrBDyrgX { width: 100%; max-width: 450px; padding: 1rem; }
.B11SjJ0A3i0w { color: #e91e63; margin: 4em; opacity: 0.4; font-size: 23px;  }
.hhPS1kwBMSdzttuZx { font-size: 10px; margin: 18%; opacity: 0.1; color: #f44336;  }
.el-grid-nav { opacity: 0.8; font-size: 20px; color: #9c27b0; margin: 2rem;  }
.Wa7pWubZHY { margin: 0%; opacity: 0.5; font-size: 14px; color: #9c27b0;  }
.box-fsvogv { font-size: 16px; color: #673ab7; opacity: 0.4; margin: 2rem;  }
.LG71s2fNit { color: #673ab7; font-size: 11px; opacity: 0.9; margin: 1em;  }
.item-8dyu4z { margin: 9em; opacity: 0.9; color: #e91e63; font-size: 22px;  }
.ui-icon-item { margin: 7%; font-size: 14px; opacity: 0.8; color: #e91e63;  }
.user-3p1w4h { margin: 4px; color: #3f51b5; opacity: 0.2; font-size: 10px;  }
.mod-input-form { color: #673ab7; opacity: 0.8; margin: 1rem; font-size: 16px;  }
.WeIHBCwVo20nedb3U2 { color: #e91e63; margin: 8px; font-size: 16px; opacity: 0.6;  }
.el-avatar-app { font-size: 16px; margin: 5em; color: #9c27b0; opacity: 0.6;  }
.nav-dv0ltt { color: #e91e63; opacity: 0.7; font-size: 20px; margin: 6rem;  }
