* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; padding: 24px;
  display: flex; justify-content: center; align-items: center;
  font-family: Arial, sans-serif; color: #202124;
  background: linear-gradient(135deg, #e8f0fe, #fce8e6);
}
.box {
  width: 100%; max-width: 390px; padding: 36px 26px;
  text-align: center; background: #fff; border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.1);
}
.icon {
  display: flex; align-items: center; justify-content: center;
  width: 58px; height: 58px; margin: 0 auto 18px;
  border-radius: 50%; background: #e8f0fe; color: #1a73e8;
  font-size: 28px;
}
h1 { margin: 0 0 12px; font-size: 24px; }
p { color: #5f6368; line-height: 1.6; }
button {
  width: 100%; margin-top: 18px; padding: 15px; border: 0;
  border-radius: 9px; background: #1a73e8; color: #fff;
  font-size: 16px; font-weight: 600; cursor: pointer;
}
button:hover { background: #1558b0; }
button:disabled { background: #999; cursor: wait; }
small { display: block; margin-top: 20px; color: #777; font-size: 12px; line-height: 1.6; }
small a { color: #1a73e8; }
#status { overflow-wrap: anywhere; font-size: 14px; }