*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Georgia,'Times New Roman',serif;
  background:#0a0a0a;color:#f0ece2;
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  line-height:1.6;
}
.card{max-width:520px;width:100%;padding:48px 32px}
.tag{font-size:11px;letter-spacing:3px;color:#c9a86a;text-transform:uppercase;margin:0 0 8px}
h1{font-weight:300;font-size:36px;margin:0 0 16px;letter-spacing:-0.5px}
p{color:#cfc8b8;margin:0 0 16px}
.muted{color:#88836f;font-size:13px}
label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#88836f;margin:18px 0 6px}
input,textarea,select{
  width:100%;background:transparent;border:none;border-bottom:1px solid #2a2a2a;
  padding:10px 0;color:#f0ece2;font-family:inherit;font-size:16px;
  transition:border-color .2s;
}
input:focus,textarea:focus,select:focus{outline:none;border-bottom-color:#c9a86a}
textarea{min-height:80px;resize:vertical}
button{
  background:#c9a86a;color:#0a0a0a;border:none;
  padding:14px 28px;font-family:inherit;font-size:13px;letter-spacing:2px;
  text-transform:uppercase;cursor:pointer;margin-top:28px;
  transition:opacity .15s;width:100%;
}
button:hover{opacity:0.9}
button:disabled{opacity:0.5;cursor:not-allowed}
.alert{padding:12px 16px;background:#2a1f15;border-left:2px solid #c9a86a;margin:16px 0;font-size:14px}
.success{padding:12px 16px;background:#152a1f;border-left:2px solid #6ac98a;margin:16px 0;font-size:14px}
.code-input{
  font-family:'SF Mono',Menlo,monospace;font-size:28px;letter-spacing:12px;
  text-align:center;
}
a{color:#c9a86a;text-decoration:none;border-bottom:1px solid #4a3f25}
a:hover{border-bottom-color:#c9a86a}
.footer{margin-top:48px;font-size:11px;color:#5a5448;letter-spacing:1.5px;text-transform:uppercase}