@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
*{padding:0;margin:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;overflow:hidden}
a{text-decoration:none;color:unset}
a:hover{color:#3ac6e1!important}
.img{width:100%; display:flex;justify-content:flex-end;align-items:center}
.img img{width:100%}
 
 
.baslik{padding:10px 0;margin-top:0}
.app-link{margin-top:3px;  font-weight:600;color:#777;text-align:right}
.app-link > a{color:#969798}
.ml-auto, .mx-auto {	margin-left: auto !important;  }
.mr-auto, .mx-auto {	margin-right: auto !important;  }
.d-block {	display: block !important;  }
.btn{display:block;width:100%;height:50px;border-radius:50px;outline:none;border:none;background-image:linear-gradient(to right,#5bdffa,#36cbe9,#5bdffa);background-size:200%;font-size:1.2rem;color:#fff;font-family:'poppins',sans-serif;margin:1rem 0;cursor:pointer;transition:.5s}
.btn:hover{background-position:right}
.input-group-addon{border:none !important;background:none !important;}
 
 
.title-container{text-align:left;padding-bottom:40px}
.title-container h1{color:#3ac6e1;font-size:30px;font-weight:600}
.title-container h2{font-size:24px;font-weight:600;text-transform:none;margin:2px 0}
.title-container p{font-size:15px;font-weight:500;color:silver}
.login-inner-content{padding-top:5px;padding-right:10px;padding-bottom:20px;padding-left:10px;border-radius:10px;box-shadow:0 0 26px -6px rgba(0,0,0,0.10)}

.i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}
.i i{transition:.3s}
.input-div:before,.input-div:after{content:'';position:absolute;bottom:-2px;width:0;height:2px;background-color:#3ac6e1;transition:.4s}
.input-div:before{right:50%}
.input-div:after{left:50%}
.input-div.focus:before,.input-div.focus:after{width:50%}
.input-div.focus > div > h5{top:3px;font-size:10px;font-weight:500}
.input-div >  input{ left:0;top:0;width:100%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:15px;color:#555;font-family:'poppins',sans-serif}
.input-div.pass{margin-bottom:4px}
.login-inner-content a{display:block;text-align:right;color:#000;margin-top:10px;font-size:10px;font-weight:600;transition:.3s}
.result.success { @apply text-green-600; }
.result.error { @apply text-red-600; }
.result.show {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.result {
    opacity: 0;
}