.fp-wrap{ width:min(620px,100%); margin:0 auto; padding:14px; }
    .fp-card{
      background:#fff; border:1px solid #e5e7eb; border-radius:18px;
      padding:18px; box-shadow:0 10px 28px rgba(15,23,42,.08);
    }

    .fp-top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
    .fp-logo{ height:56px; width:auto; display:block; }
    .fp-title{ font-weight:1000; font-size:20px; color:#0f172a; margin:0; line-height:1.15; }
    .fp-sub{ color:#64748b; font-weight:800; margin-top:4px; font-size:13px; }

    .fp-body{ margin-top:10px; display:grid; gap:12px; }
    .fp-lead{
      font-weight:900;
      color:#0f172a;
      font-size:15px;
      text-align:center;
    }

    .fp-note{
      border:1px solid #e5e7eb;
      background:#f8fafc;
      border-radius:16px;
      padding:14px;
      color:#334155;
      font-weight:800;
      line-height:1.5;
    }

    .fp-actions{
      margin-top:6px;
      display:flex;
      justify-content:center;
    }

    .fp-btn{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:12px 16px; border-radius:14px; border:none;
      background:#132665; color:#fff; font-weight:1000;
      cursor:pointer; text-decoration:none;
      box-shadow:0 10px 26px rgba(15,23,42,.14);
      font-size:15px;
      transition: opacity .15s ease, transform .08s ease;
    }
    .fp-btn:hover{ opacity:.95; }
    .fp-btn:active{ transform: translateY(1px); }

    .fp-foot{
      text-align:center;
      margin-top:14px;
      color:#94a3b8;
      font-weight:900;
      font-size:12px;
    }

    /* Mobile polish */
    @media (max-width: 520px){
      .fp-top{ align-items:flex-start; }
      .fp-logo{ height:50px; }
      .fp-title{ font-size:18px; }
      .fp-card{ padding:16px; }
      .fp-btn{ width:100%; }
      .fp-actions{ justify-content:stretch; }
    }