@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");@font-face{font-family:"Freight Sans Medium";src:url(//static.daphni.com/fonts/Freight-Sans-Medium.otf)}@font-face{font-family:"Freight Sans Medium";src:url(//static.daphni.com/fonts/Freight-Sans-Bold.otf);font-weight:bold}@font-face{font-family:"Editorial";src:url(//static.daphni.com/fonts/PPEditorialNew-Ultralight.otf)}@font-face{font-family:"Formula";src:url(//static.daphni.com/fonts/PPFormula-CondensedBlack.otf)}body{font-family:"Manrope", Helvetica, Arial, sans-serif;background-color:#FFFCF9;color:#1b1b1d}h1{font-family:"Formula", sans-serif !important;text-transform:uppercase}.login-page{min-height:100vh}.login-page .page{max-width:1000px;margin:0 auto}@media (min-width: 800px){.login-page .form{display:flex;align-items:flex-start}}.login-page .hacker{margin:0 auto;display:flex;width:300px;height:200px;max-width:300px;background-size:cover;background-repeat:no-repeat;margin-bottom:20px}.login-page .hacker img{display:block;max-width:300px;margin:0 auto;vertical-align:top}@media (min-width: 800px){.login-page .hacker{margin:0 auto;margin-right:40px;width:300px;height:300px;max-width:300px}}.login-page .content #send-email{margin-top:40px;display:flex;flex-direction:column;padding-bottom:1em}.login-page .content #email{width:100%;min-width:100%;margin-right:0}@media (min-width: 800px){.login-page .content{min-width:500px;text-align:left}}.login-page .title{color:#1b1b1d;font-family:"Manrope", Helvetica, Arial, sans-serif;font-size:32px;font-weight:bold;line-height:1.5;margin-bottom:20px}@media (min-width: 800px){.login-page .title{font-size:36px}}.login-page .subtitle{color:rgba(27,27,29,0.95);font-size:16px;margin-bottom:30px}.login-page .subtitle span{display:block}.login-page .button{display:inline-block;box-shadow:0 4px 0 0 #1b1b1d;color:#1b1b1d;background-color:#FFFCF9;z-index:1;border:1px solid #1b1b1d;text-align:center;border-radius:.3125rem;margin-top:-4px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;position:relative;overflow:visible;transition:all 0.1s ease-in-out;text-decoration:none}.login-page .button.left{top:30px;left:20px}.login-page .button.white{color:#fff;border-color:#fff}.login-page .button.white:hover{border-color:rgba(255,255,255,0.5)}.login-page .button:hover{transform:scale(1.05)}.login-page .input-blue{background-color:#fff;color:#000;border-radius:10px;border:0;display:inline-block;font-size:17px;font-weight:200;margin:0 10px 10px 0;padding:14px 25px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.login-page .input-email,.login-page .input-code{color:#1b1b1d;background-color:#0000;min-width:23.75rem;min-height:2rem;padding:.75rem 0;font-weight:500;border:0;border-bottom:1px solid #1b1b1d;border-radius:0;height:auto;margin-bottom:0;font-size:1rem;line-height:1.6}.login-page .input-email:focus,.login-page .input-code:focus{outline:none}.login-page .input-code{font-weight:500;font-size:20px;letter-spacing:5px;text-align:center}.login-page .carousel{opacity:0;margin:0 auto;width:90%;text-align:center;padding-top:10px}@media (min-width: 992px){.login-page .carousel{padding-top:110px}}.login-page .sub-body{padding-top:40px;padding-bottom:40px;width:100%;overflow:hidden;position:relative}.login-page .error{display:none;color:#f00}.login-page .hide-text{display:none}@media (max-width: 800px){.login-page form .button{width:100%;margin-top:1em}}@media (min-width: 800px){.login-page .content #send-email{max-width:350px;display:flex;align-items:center;flex-direction:row}.login-page #email{width:340px;margin-right:1rem !important}.login-page .input-code{width:135px;min-width:135px;margin-right:1rem !important}}.login-page .back{color:#000;cursor:pointer;display:inline-flex;font-size:16px;margin-bottom:20px;text-transform:uppercase;text-decoration:none;transition:all .2s;font-weight:bold}.login-page .back .back-arrow{margin-right:10px;vertical-align:text-bottom}.login-page .back:hover{opacity:.8}.button-loading{pointer-events:none !important;opacity:0.8 !important;position:relative !important;color:transparent !important}.button-loading::after{content:'';position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:calc(50% - 10px);border:2px solid rgba(0,0,0,0.2);border-radius:50%;border-top:2px solid #000;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;z-index:1000}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}