body{
  margin:0;
  padding:40px;
  background:#F3FFFA;
  color:#0F6E48;
  font-family:Arial, Helvetica, sans-serif;
}




.landing{
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.start-btn{
  margin-top:20px;
  padding:12px 28px;
  border-radius:40px;
  border:1px solid black;
  background:white;
  cursor:pointer;
}

.start-btn:hover{
  background:#DA5040;
  color:white;
}

.grid-page{
  text-align:center;
}

.sign-box{
  display:inline-block;
  width:180px;
  margin:15px;
  padding:15px;
  background:white;
  border:1px solid #ccc;
  border-radius:18px;
}

.sign-box img{
  width:100%;
  border-radius:12px;
}


.sign-page{
  max-width:700px;
  margin:auto;
  text-align:center;
}

.sign-page img {
    width: 80%;      
    max-width: 500px;
    height: auto;     
    margin: 20px 0;  
    border-radius: 12px; 
    text-align:center;
}

.back-btn{
  position:fixed;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);

  display:flex;
  justify-content:center;
  align-items:center;

  width:50px;
  height:50px;
  border-radius:50%;
  background:white;
  border:1px solid black;
}

.back-btn{
  display:flex;
  justify-content:center;
  align-items:center;

  width:45px;
  height:45px;

  border-radius:50%;
  border:1px solid black;
  background:white;

  text-decoration:none;
  color:#0F6E48;

  margin:20px auto 0 auto;   
}

.sign-box img {
    width: 170px;     
    height: 120px;    
    object-fit: cover; 
    border-radius: 12px; 
}