@charset "UTF-8";*{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:linear-gradient(142.46deg,#1f0908 -9.63%,#0f0d0c 66.83%)}body,input,button{font:14px Roboto,sans-serif;color:#fff}.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;font-family:DinPro,serif}.content .content-title{font-weight:700}.title{font-size:25px}.text-bold{font-weight:700}.offer{padding:35px 0;text-align:center}.offer h1{font-family:DinPro,serif;font-size:40px;font-weight:700;display:flex;justify-content:center}.offer span{font-family:DinPro,serif;font-size:16px}.offer .small{margin:13px 0 0 20px;font-size:x-large}.divider{display:block;margin-top:10px;border-top:1px solid #fff}.offer .conditions{content:"";width:100%;display:block;margin:10px auto}#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;font-family:DinPro,serif;text-decoration:none;font-weight:700}.btn.yellow{background:#ffffff;color:#000;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}@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}}