:root{
  --mizzou-gold:#ffcd00;
  --mizzou-black:#000000;
  --muted:#f4f4f4;
}
*{box-sizing:border-box}
.html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
html, body { height: 100%; margin: 0; font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial }
body{background:linear-gradient(180deg,var(--muted),#fff);display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}
.wrap{max-width:960px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}
.card{background:linear-gradient(180deg,#fff,#fffaf0);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.12);padding:32px;overflow:hidden;border:4px solid rgba(0,0,0,0.06);display:flex;flex-direction:column;align-items:center;text-align:center}
.mast h1{margin:0;font-size:28px;color:var(--mizzou-black)}
.sub{margin:6px 0 16px;color:#333}
.mascot{display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.logo{width:160px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.18));border-radius:12px;background:#fff;padding:8px}
.tiger{width:180px;height:180px;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.18))}
.content p{color:#222;line-height:1.4;max-width:720px}
.progress{margin:18px 0;width:100%}
.bar{background:#e8e8e8;border-radius:4px;height:8px;position:relative;overflow:hidden;min-width:260px}
.bar .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mizzou-gold);transition:width 0.3s ease}


.actions{display:flex;gap:12px;align-items:center;margin-top:10px}
button{background:var(--mizzou-black);color:var(--mizzou-gold);border:0;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700}
.email{display:inline-block;padding:10px 14px;background:#111;color:#fff;border-radius:8px;text-decoration:none}
.sample{margin-top:14px;background:#fff9;border-radius:10px;padding:12px;border:1px dashed rgba(0,0,0,0.06)}
.hidden{display:none}
.foot{margin-top:18px;color:#555}
.mizzou{font-weight:800;color:var(--mizzou-gold)}
.construction-stripes{position:absolute;inset:0;pointer-events:none}
.stripe{height:16px;background:repeating-linear-gradient(45deg,var(--mizzou-gold) 0 12px,#000 12px 24px);opacity:0.12;transform:skewY(-15deg);position:absolute;left:-20%;right:-20%;}
.stripe:nth-child(1){top:10%}
.stripe:nth-child(2){top:40%}
.stripe:nth-child(3){top:70%}

@media (max-width:600px){
  .tiger{width:120px;height:120px}
  .mast h1{font-size:20px}
}