*{box-sizing:border-box}
:root{--blush:#F1C9C1;--red:#A9181E}
html,body{margin:0;min-height:100%;background:var(--blush)}
body{min-height:100svh;color:var(--red);font-family:"DM Sans",Arial,sans-serif}
.page{
  position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;
  padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right))
          max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
  overflow:hidden
}
.frame{position:absolute;inset:18px;border:1px solid rgba(169,24,30,.22);pointer-events:none}
.content{
  align-self:center;justify-self:center;width:min(92vw,800px);
  display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(12px)
}
.logo{display:block;width:min(500px,72vw);height:auto;mix-blend-mode:multiply}
.status{
  margin-top:clamp(24px,4vh,44px);display:grid;grid-template-columns:54px auto 54px;
  align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.20em;
  font-size:clamp(24px,2.25vw,32px);line-height:1;font-weight:400
}
.rule{height:1px;background:rgba(169,24,30,.55)}
.line{margin:22px 0 0;font-size:clamp(13px,1.2vw,15px);line-height:1.6;letter-spacing:.01em}
footer{
  position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;
  padding:18px 20px 8px;text-transform:uppercase;letter-spacing:.16em;font-size:9px
}
.socials{display:flex;align-items:center;gap:9px}
.socials a{color:inherit;text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .2s ease}
.socials a:hover,.socials a:focus-visible{border-color:rgba(169,24,30,.55)}
@media(max-width:600px){
  .page{padding:14px}.frame{inset:10px}.content{width:100%;transform:translateY(-4px)}
  .logo{width:min(390px,88vw)}
  .status{grid-template-columns:28px auto 28px;gap:10px;margin-top:20px;font-size:clamp(20px,7vw,27px);letter-spacing:.14em}
  .line{max-width:290px;margin-top:16px}
  footer{padding:14px 10px 5px;font-size:8px;gap:12px}
  .socials{gap:6px;letter-spacing:.11em}
}
@media(max-width:430px){
  footer>span:first-child{display:none}
  footer{justify-content:center}
}
@media(max-height:650px){
  .logo{width:min(330px,54vh)}.status{margin-top:14px}.line{margin-top:12px}
}