* {
  margin:0; 
  padding:0;
  box-sizing:border-box; 
  font-family: 'Poppins', sans-serif;
}

section{
  background: rgb(14, 14, 84);
}
.main_container {
    min-height:100vh; 
    display:flex; 
    align-items:center; 
    justify-content:center;
    padding:20px;
}
.container_logo{
  padding:10px 20px;
}

.logo{
  display:flex;
  padding-top: 10px;
  font-size:1.5rem;
  color:white;
}
#inner_logo{
    color:rgb(6, 172, 238);
}
    .container {
      background:#fff; 
      border-radius:20px; 
      padding:30px;
      width:100%; 
      max-width:420px; 
      box-shadow:2px 2px 25px 2px pink;
      animation: fadeIn 0.8s ease;
    }
    h2 {
        text-align:center; 
        margin-bottom:20px; 
        color:#333;
    }
    .form-group {
        margin-bottom:15px;
    }
    label {
        display:block; 
        font-size:14px; 
        margin-bottom:6px; 
        color:#555;
    }
    input {
      width:100%; 
      padding:12px; 
      border:1px solid #ddd; 
      border-radius:10px;
      outline:none; 
      font-size:14px; 
      transition:0.3s;
    }
    input:focus {
        border-color:#667eea;
    }
    button {
      width:100%; 
      padding:12px; 
      border:none; 
      border-radius:10px;
      background:#667eea; 
      color:#fff; 
      font-size:16px; 
      cursor:pointer;
      transition:0.3s;
    }
    button:hover {
        background:#5646d4;
    }
    .toggle-link {
      margin-top:15px; 
      text-align:center; 
      font-size:14px;
    }
    .toggle-link span {
      color:#667eea; 
      cursor:pointer; 
      font-weight:600;
    }
    .hidden {
        display:none;
    }
    .message {
      text-align:center; 
      margin-top:10px; 
      font-size:14px; 
      color:green;
    }

footer{
  position: relative;
  bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: white;
  font-family: 'Segoe UI', sans-serif;
}

@keyframes fadeIn {
      from {
        opacity:0; 
        transform:translateY(-20px);
    }
      to {
        opacity:1; 
        transform:translateY(0);
    }
    }