:root{
  --green-deep: #00612B;
  --green-mid: #009240;
  --blue: #0093DC;
  --gold: #FFC82C;
  --cream: #F6F3EA;
  --ink: #1B1B18;
  --ink-soft: #4A5048;
  --line: rgba(0,97,43,0.16);
}

*{box-sizing:border-box;}

html,body{
  margin:0;
  padding:0;
  background:var(--cream);
  color:var(--ink);
  font-family: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
}

.flag-bar{
  position:fixed;
  top:0;
  left:0;
  height:6px;
  width:100%;
  display:flex;
  z-index:10;
}

.flag-bar span{
  flex:1;
}

.flag-bar .g{ background:var(--green-mid); }
.flag-bar .y{ background:var(--gold); }
.flag-bar .b{ background:var(--blue); }

body{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:48px 32px;
}

.page{
  width:100%;
  max-width:600px;
}

.mark{
  text-align:center;
  margin-bottom:40px;
}

.mark img{
  height:66px;
  width:auto;
}

.status{
  display:flex;
  justify-content:center;
  margin-bottom:28px;
}

.status span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px 6px 10px;
  border-radius:999px;
  background:rgba(0,147,220,0.12);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size:13px;
  color:var(--blue);
}

.status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue);
  flex-shrink:0;
}

h1{
  text-align:center;
  font-size:clamp(30px, 6vw, 42px);
  line-height:1.2;
  margin:0 0 28px 0;
  font-weight:400;
  color:var(--green-deep);
}

p.greeting{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size:17px;
  color:var(--ink);
  margin:0 0 14px 0;
  text-align:center;
}

p.lede{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size:17px;
  line-height:1.65;
  color:var(--ink-soft);
  margin:0 auto 18px auto;
  max-width:48ch;
  text-align:center;
}

p.lede:last-of-type{
  margin-bottom:36px;
}

.rows{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size:15px;
  max-width:420px;
  margin:0 auto;
}

.row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:16px 0;
  border-top:1px solid var(--line);
}

.row:last-child{
  border-bottom:1px solid var(--line);
}

.row-label{
  color:var(--ink-soft);
}

.row-value{
  text-align:right;
  color:var(--ink);
  font-weight:600;
}

.row-value a{
  color:var(--green-mid);
  text-decoration:none;
  border-bottom:1px solid var(--gold);
}

.row-value a:hover{
  border-bottom-color:var(--green-mid);
}

p.signoff{
  font-family: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
  font-size:16px;
  line-height:1.5;
  color:var(--green-deep);
  margin:32px 0 8px 0;
  text-align:center;
}

p.thanks{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size:14px;
  font-style:italic;
  color:var(--ink-soft);
  margin:0;
  text-align:center;
}

@media (max-width:480px){
  .row{ flex-direction:column; align-items:flex-start; gap:4px; }
  .row-value{ text-align:left; }
}

a:focus-visible, button:focus-visible{
  outline:2px solid var(--green-mid);
  outline-offset:3px;
}