body { 
font-family: "Segoe UI", sans-serif;  
background: #f4f6f9; 
}
.container-box {  
width: 100%; 
max-width: 400px;  
margin: 80px auto;  
background: white;  
padding: 30px;  
border-radius: 10px; 
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } 
h2 { 
text-align: center;  
margin-bottom: 20px; 
} 
input { 
width: 100%;  
padding: 10px;  
margin-top: 8px;  
margin-bottom: 15px;  
border-radius: 5px; 
border: 1px solid #ccc;
} 
button { 
width: 100%; 
padding: 10px;  
background: black;  color: white;  
border: none;  
border-radius: 5px;  cursor: pointer; 
} 
button:hover {  
background: #333; } 
a { 
text-decoration: none;  display: block; 
text-align: center;  margin-top: 10px; }