body{
  margin:0;
  font-family: system-ui, Arial, sans-serif;
  background:#f1f5f9;
}

.header{
  background:linear-gradient(135deg,#0f766e,#115e59);
  color:#fff;
  padding:20px;
  text-align:center;
}

.container{
  max-width:900px;
  margin:40px auto;
  background:#fff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

h2{
  margin-top:0;
}

input{
  width:100%;
  padding:12px;
  margin:10px 0;
  border-radius:6px;
  border:1px solid #cbd5e1;
}

button{
  background:#22c55e;
  border:none;
  color:#fff;
  padding:12px 20px;
  border-radius:6px;
  font-weight:bold;
  cursor:pointer;
}

button:hover{
  background:#16a34a;
}

.log{
  background:#0f172a;
  color:#a7f3d0;
  padding:10px;
  border-radius:6px;
  margin:8px 0;
  font-family:monospace;
}

.footer{
  text-align:center;
  color:#64748b;
  margin-top:20px;
}