.outer{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.offline-card{background-color:#fff;border:1px solid #0000001a;border-radius:5px;width:100%;max-width:30em;margin:60px auto;box-shadow:0 0 10px #0000000d}.header{color:#000;position:relative;padding:1em 2em;margin:0;color:hsl(0deg,0%,100%);text-align:center;background-color:var(--color-primary);background-image:-o-linear-gradient(315deg,var(--color-primary) 0%,var(--color-hover) 100%);background-image:linear-gradient(135deg,var(--color-primary) 0%,var(--color-hover) 100%);border-radius:5px 5px 0 0}.header p:last-of-type{margin-bottom:50px}.login{padding:40px 20px 20px}.form-control{max-width:none}img{border:0;max-width:100%;height:auto;margin:15px 0}form,fieldset{margin:0;padding:0}label{margin:0;display:block}input[type="text"],input[type="password"]{box-sizing:border-box;width:100%;height:auto}input{margin:.5em 0 1em}.logo-icon{position:absolute;top:100%;left:50%;z-index:1;padding:12px;margin-top:2px;background-color:hsl(0deg,0%,100%);border:1px solid hsla(0deg,0%,0%,.05);border-radius:50%;-webkit-box-shadow:0 0 5px hsla(0deg,0%,0%,.075);box-shadow:0 0 5px hsla(0deg,0%,0%,.075);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.logo-icon svg{display:block;width:75px;height:75px}