* { margin:0; padding:0; box-sizing:border-box; font-family:Arial; }
body {
  background: linear-gradient(135deg,#667eea,#764ba2);
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
}
.box {
  background:#fff; padding:30px; border-radius:12px;
  width:100%; max-width:400px;
  box-shadow:0 10px 40px rgba(0,0,0,0.2);
}
h2 { color:#333; margin-bottom:20px; text-align:center; }
input {
  width:100%; padding:12px; margin-bottom:10px;
  border:1px solid #ddd; border-radius:6px; font-size:14px;
}
button {
  width:100%; padding:12px; background:#667eea; color:#fff;
  border:none; border-radius:6px; font-size:16px; cursor:pointer;
}
button:hover { background:#5568d3; }
p { text-align:center; margin-top:12px; font-size:14px; color:#666; }
a { color:#667eea; font-weight:bold; text-decoration:none; }
h1 { color:#333; text-align:center; }