html,body{height:100%;min-height:100dvh;font-family:"EB Garamond", Georgia, serif}
    .card{width:min(560px,94vw);padding:26px 26px 22px}
    h1{margin:0 0 10px;font-family:Cinzel,serif;color:var(--gold-1);text-align:center;letter-spacing:.3px;font-size:clamp(30px,4.8vw,38px)}
    p.desc{text-align:center;margin:0 0 12px;color:var(--gold-2);font-size:18px;line-height:1.42}
    .recovery-btn{width:100%;box-sizing:border-box;margin-top:14px;font-weight:800;letter-spacing:.04em}
    .msg{width:100%;box-sizing:border-box;margin-top:14px;text-align:center;display:none}
    .msg.show{display:block}
    .msg.success::before{content:"\2713  ";font-weight:800}
    .helper{text-align:center;margin:6px 0 0;color:var(--gold-1);font-size:15px;line-height:1.45}
    a.link{color:var(--gold-1);text-decoration:none}
    a.link:hover{text-decoration:underline}
    .row{display:flex;gap:10px}
    .row > div{flex:1}
    .small{font-size:13px;color:var(--gold-2);margin-top:6px;text-align:center}
    @media (max-width: 720px) {
      body{font-size:20px;line-height:1.7}
      .meta, small{font-size:16px}
      .card{padding:18px}
      h1{font-size:clamp(27px,8.2vw,36px);margin-bottom:6px}
      p.desc{font-size:16px;margin-bottom:10px}
      .helper{font-size:14px}
    }