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

    body{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, #FFD84D, #FFF3C4);
    }

    .login-container{
      background:#ffffff;
      width:380px;
      padding:40px;
      border-radius:20px;
      box-shadow:0 20px 40px rgba(0,0,0,0.15);
    }

    .logo{
      text-align:center;
      margin-bottom:30px;
    }

    .logo h1{
      color:#FFC107;
      font-size:32px;
      font-weight:600;
    }

    .logo p{
      color:#777;
      font-size:14px;
    }

    .form-group{
      margin-bottom:20px;
    }

    .form-group label{
      display:block;
      margin-bottom:6px;
      font-size:14px;
      color:#555;
    }

    .form-group input{
      width:100%;
      padding:12px 15px;
      border:1px solid #ddd;
      border-radius:10px;
      outline:none;
      transition:0.3s;
    }

    .form-group input:focus{
      border-color:#FFC107;
      box-shadow:0 0 0 2px rgba(255,193,7,0.2);
    }

    .login-btn{
      width:100%;
      padding:12px;
      background:#FFC107;
      border:none;
      border-radius:12px;
      font-size:16px;
      font-weight:500;
      color:#fff;
      cursor:pointer;
      transition:0.3s;
    }

    .login-btn:hover{
      background:#e0a800;
    }

    .extra{
      margin-top:20px;
      text-align:center;
      font-size:14px;
    }

    .extra a{
      color:#FFC107;
      text-decoration:none;
      font-weight:500;
    }

    .extra a:hover{
      text-decoration:underline;
    }

    .footer-text{
      text-align:center;
      margin-top:25px;
      font-size:12px;
      color:#999;
    }