body {
         background: linear-gradient(to bottom right, #488EF1, #488EF1);
         background-size: cover;
         color: #ffffff;
        font-family: 'Roboto', sans-serif;
         margin: 0;
         padding: 0;
         }
         .container {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         }
         .logo {
         width: 100%;
         text-align: center;
         margin-bottom: 20px;
         }
         .logo img {
         max-width: 100%;
         height: auto;
         }
         .form-container {
         width: 100%;
         max-width: 400px !important;
         padding: 25px !important;
         background-color: rgba(255, 255, 255, 0.8);
         border-radius: 25px;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
         display: flex;
         flex-direction: column;
         align-items: center;
         }
         .form-container input[type="text"],
         .form-container input[type="password"] {
         width: 100%;
         padding: 15px;
         margin-bottom: 10px;
         border-radius: 20px;
         font-weight:bold;
         border: none;
         background-color: rgba(255, 255, 255, 0.4);
         color: #000000;
         outline:none;
         box-sizing: border-box;
         padding-left: 60px;
         background-image: url('images/user.png');
         background-repeat: no-repeat;
         background-position: 15px center;
         }
         .form-container input[type="password"] {
         background-image: url('images/key.png');
         }
         .form-container button {
         width: 100%;
         padding: 15px;
         background-color: #ff4081;
         color: #ffffff;
         border: none;
         border-radius: 20px;
         font-weight:bold;
         font-size:18px;
         cursor: pointer;
         }
         .form-container input[type="checkbox"] {
         margin-right: 5px;
         }
         .terms {
         text-align: center;
         margin-top: 20px;
         font-weight:bold;
         }
         .terms a, .baglan {
         color: #ffffff;
         text-decoration: none;
         background:#ff4081;
         padding:15px;
         border-radius:20px;
		 display:inline-block;
         }
		 .header{text-align:center;color:#333333;font-size:28px;text-shadow:1px 1px #9b79ed;margin-bottom:10px;margin-top:0px;}
		 .hcenter{margin-top:40px;text-align:center;}
		 .mtitle{text-align:center;color:#333333;font-size:28px;text-shadow:1px 1px #9b79ed;margin-bottom:0px;margin-top:0px;}
		 .mdesc{color:#111;line-height:1.4}
		 .teriki{bottom:0px;padding:20px;}