@charset "UTF-8";:root{--color-brand-primary: #888888;--color-background-primary: #777777;--color-neutral-lighest: #ffffff;--color-neutral-darkest: #000000}*{margin:0;padding:0;outline:0;box-sizing:border-box}html{height:100%}@font-face{font-family:DinPro;src:url(fonts/DIN.ttf) format("truetype");font-style:normal}body{-webkit-font-smoothing:antialiased;background-color:var(--color-background-primary)}body,input,button{font:16px DinPro,sans-serif;color:var(--color-neutral-lighest)}.container{height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;justify-content:space-around;flex:1;padding:0 23px}.header-wrapper{display:flex;justify-content:space-between;align-items:center;padding:21px 23px}.header-wrapper img{width:69px}.header-wrapper .msisdn{font-weight:700;font-size:12px}.content{font-size:25px}.content .content-title{font-weight:700}.title{font-size:25px}.new-login{display:block;font-weight:700;text-decoration:underline;margin-top:5px;color:var(--color-neutral-lighest)}.text-bold{font-weight:700}.offer{padding:35px 0;text-align:center}.offer h1{font-size:40px;font-weight:400}.offer .small{font-size:20px;font-weight:400}.divider{display:block;margin:10px auto;border-top:1px solid var(--color-neutral-lighest);width:min(245px,100%)}.offer .conditions{content:"";width:100%;display:block;margin:10px auto;font-size:16px}#root,#footer{margin-bottom:8px}#footer{display:flex;justify-content:center;flex-direction:column;margin-bottom:50px;width:100%}#footer span{font-size:16px;padding:0 50px 8px 0}.btn{width:100%;height:50px;display:flex;align-items:center;font-size:16px;justify-content:center;text-align:center;text-decoration:none;font-weight:700;border:0;background:var(--color-brand-primary);color:var(--color-neutral-darkest);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.btn.disabled{opacity:.7}.btn:disabled{opacity:.5}.label-float{position:relative;padding-top:13px;margin-bottom:10px}.label-float input{border:1px solid var(--color-neutral-lighest);border-radius:5px;outline:none;width:100%;padding:15px 20px;font-size:16px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-webkit-appearance:none;background-color:transparent}.label-float input:focus{border:1px solid var(--color-neutral-lighest);background-color:transparent}.label-float input::placeholder{color:var(--color-white)}.label-float label{position:absolute;top:calc(50% - 8px);left:15px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;background-color:var(--color-background-primary);padding:5px;box-sizing:border-box;font-weight:700}.label-float input:focus+label,.label-float input:not(:placeholder-shown)+label{font-size:13px;top:0;color:var(--color-neutral-lighest)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset!important}.error{text-align:center;margin-bottom:15px;font-weight:700}@media (max-height: 600px){.title{font-size:20px}}@media (max-height: 500px){.offer{padding:20px}.offer h1{font-size:35px}.offer span{font-size:14px}}