#login-section{background:0 0}#login-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;pointer-events:auto;background:rgba(5,10,15,.85);border-left:1px solid #345;flex-direction:column;justify-content:center;width:350px;height:100%;padding:50px;display:flex;position:relative;overflow-y:auto;box-shadow:-20px 0 50px rgba(0,0,0,.8)}.login-brand-area h1{background:linear-gradient(90deg,#0fa,#08f);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:4px;-webkit-background-clip:text}.input-group{margin-bottom:25px}.input-group label{color:#0fa;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.input-group input{color:#fff;box-sizing:border-box;background:#0a121a;border:1px solid #345;border-radius:4px;outline:none;width:100%;padding:15px;transition:all .3s}.input-group input:focus{border-color:#0fa;box-shadow:0 0 15px rgba(0,255,170,.2)}.login-btn{color:#000;cursor:pointer;letter-spacing:2px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:#0fa;border:none;width:100%;margin-top:10px;padding:15px;font-weight:900;transition:all .3s}.login-btn:hover{background:#fff;box-shadow:0 0 30px #0fa}.outlook-btn{color:#0078d4;cursor:pointer;background:0 0;border:1px solid #0078d4;justify-content:center;align-items:center;width:100%;margin-top:30px;padding:12px;font-weight:700;transition:all .3s;display:flex}.outlook-btn:hover{color:#fff;background:rgba(0,120,212,.1)}.remember-me{color:#89a;cursor:pointer;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.remember-me input{margin-right:10px}