body {
 font-family: 'Poppins', sans-serif;
 background: linear-gradient(135deg, #667eea, #764ba2);
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100vh;
 margin: 0;
}

.popup {
 background: white;
 padding: 30px;
 border-radius: 12px;
 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
 width: 350px;
 text-align: center;
 animation: fadeIn 0.4s ease-in-out;
}

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

.popup h2 {
 margin-bottom: 20px;
 font-size: 24px;
 color: #333;
}


input {
 width: 100%;
 padding: 10px;
 margin: 10px 0;
 border: 1px solid #ccc;
 border-radius: 6px;
 font-size: 16px;
 transition: 0.3s ease-in-out;
}

input:focus {
 border-color: #667eea;
 outline: none;
 box-shadow: 0 0 5px rgba(102, 126, 234, 0.5);
}


button {
 width: 100%;
 padding: 12px;
 border: none;
 border-radius: 6px;
 font-size: 16px;
 cursor: pointer;
 transition: 0.3s ease-in-out;
}

button:hover {
 opacity: 0.8;
}

.submit-btn {
 background: #667eea;
 color: white;
 font-weight: bold;
}


.close-btn {
 background: #ff4d4d;
 color: white;
 margin-top: 10px;
}