*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;line-height:1.5!important}.area-view{display:flex;justify-content:flex-start;align-items:center;background-color:#00C9A7;background-image:url(../../../atendezap/assets/img/background-clean02.fw.png);background-size:contain;background-position:center}.area-view .view-left{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media screen and (max-width:999px){.area-view .view-left{display:none!important}}.area-view .view-right{width:900px;height:100vh;display:flex;justify-content:flex-start;align-items:center}@media screen and (max-width:999px){.area-view .view-right{justify-content:center!important}}.area-vew-form{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center}.view-form{padding:50px;height:auto;border-radius:9px;background-color:rgb(18 25 44 / .8);box-shadow:0 8px 16px rgb(0 0 0 / .3)}.view-form .logo{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.view-form .logo h1:nth-child(1){color:#fff}.view-form .logo h1:nth-child(2){color:#03CC86}.form-input{margin-top:30px;display:flex;flex-flow:column}.form-button{margin-top:20px;display:flex;flex-flow:column}.form-input label{padding:0 5px;letter-spacing:.03em;color:#fff;font-weight:500;font-size:.813rem}.form-input .input{padding:5px 10px;display:flex;justify-content:flex-start;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:2px solid #03CC86;background-color:rgb(255 255 255 / .1)}.form-input .input i{font-size:1.2rem;margin-right:5px;color:rgb(3 204 134)}.form-input .input input{letter-spacing:.03em;color:rgb(255 255 255);border-radius:4px;outline:none;border:none;width:100%;font-size:1rem;font-weight:500;padding:10px 7px;background-color:#fff0;transition:all 0.3s ease}.form-input .input input:focus{outline:none;border:none}button{border:none;border-radius:25px;background-color:#03CC86;color:rgb(18 25 44 / .9);font-size:1.1rem;font-weight:500;padding:15px 12px;cursor:pointer;transition:background-color 0.3s;width:100%;align-self:flex-start}button:hover{border:none;background-color:#04b674}::placeholder{font-weight:500;font-size:.875rem;color:#BEBFBF}.by{position:absolute;bottom:-50px;font-size:.75rem}.by.pref{position:absolute;bottom:-67px}.by i{color:#FE6246}.by span:nth-child(1){color:#004E42}.by span:nth-child(2){cursor:pointer;font-weight:700;color:#004E42}.by.pref a{cursor:pointer;font-weight:700;color:#004E42!important;text-decoration:none;outline:none}.by.pref a:visited{color:inherit}.by.pref a:hover{text-decoration:none;color:inherit}.by.pref a:focus{outline:none}.area_generate__code{margin-top:10px;height:18px;display:flex;justify-content:flex-start;align-items:center}.area_generate__code .generate__code{display:none;cursor:pointer;font-size:.875rem;font-weight:600;color:#03cc86}