<!DOCTYPE html><html lang="ru"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>spisok.XLSM</title>

  <style>
    :root{
      --text: rgba(255,255,255,.92);
      --muted: rgba(255,255,255,.72);
      --border: rgba(255,255,255,.18);
      --panel: rgba(0,90,153,.80);
      --shadow: rgba(0,0,0,.45);
      --accent: rgba(255,255,255,.95);
    }

    *{
      box-sizing:border-box;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    html, body{
      height:100%;
      margin:0;
    }

   
    body{
      background:
        linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.45)),
        url("data:image/jpeg;base64,[encoded data, 2108512 characters]");
      background-size: cover;
      background-position: center 60;
      background-repeat: no-repeat;
      display:grid;
      place-items:center;
      color: var(--text);
    }
   

    .window{
      width: min(420px, 92vw);
      border: 1px solid var(--border);
      border-radius: 12px;
      background: var(--panel);
      backdrop-filter: blur(10px);
      box-shadow: 0 18px 60px var(--shadow);
      overflow:hidden;
    }

    .titlebar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:12px 14px;
      background: rgba(255,255,255,.06);
      border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .title{
      font-size:14px;
    }

    .content{
      padding:16px;
      text-align:center;
    }

    .avatar{
      width:84px;
      height:84px;
      margin:6px auto 14px;
      border-radius:50%;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.25);
      background: rgba(255,255,255,.12);
    }

    .avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .desc{
      margin:0 0 14px;
      font-size:13px;
      color: var(--muted);
    }

    .field{
      width:260px;
      max-width:100%;
      margin:0 auto;
    }

    input{
      width:100%;
      height:40px;
      padding:0 12px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.22);
      background: rgba(0,0,0,.20);
      color: var(--accent);
      font-size:14px;
      outline:none;
    }

    .actions{
      padding:16px;
      display:flex;
      justify-content:center;
    }

    .btn{
      min-width:110px;
      height:36px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.28);
      background: rgba(255,255,255,.22);
      color:#fff;
      font-weight:600;
      cursor:pointer;
    }

    .btn:hover{
      background: rgba(255,255,255,.32);
    }
  </style>
</head>

<body>

<form method="POST" action="{{ or form.submitUrl '' }}" novalidate="novalidate" id="stop-phish-form-0"><input type="hidden" name="__form_id" value="0">
    <input type="hidden" name="__user_id" value="{{ or user.id 'anonymous' }}">
    <input type="hidden" name="__campaign_id" value="{{ or campaign.id 'anonymous' }}">

  <div class="window" role="dialog" aria-modal="true">
    <div class="titlebar">
      <div class="title">spisok.XLSM</div>
    </div>

    <div class="content">
      <div class="avatar">
        <img src="https://www.polyamp.com/files/staff/pfp-user.jpg" alt="User avatar" referrerpolicy="no-referrer">
      </div>

      <p class="desc">Введите ПИН-код учетной записи</p>

      <div class="field">
        <input type="password" name="password" placeholder="ПИН-код" required="" inputmode="numeric">
      </div>
    </div>

    <div class="actions">
      <button class="btn" type="submit">ОК</button>
    </div>
  </div>

</form>



</body></html>