:root{
    --ink:#0F0D0B; --ink2:#1A1714; --ink3:#26221D;
    --taxi:#FFC72C; --ember:#FF5A1F; --smoke:#F4EFE6;
    --muted:#8A847A; --line:#2E2A25;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{
    background:var(--ink); color:var(--smoke);
    font-family:"DM Sans",system-ui,sans-serif; line-height:1.5;
    display:flex; flex-direction:column; min-height:100vh;
  }
  main{
    flex:1; display:flex; flex-direction:column; align-items:center;
    justify-content:center; text-align:center; padding:48px 20px 32px; gap:28px;
  }
  .mark{width:min(150px,38vw); height:auto}
  .mark .b{animation:rise 3.2s ease-in-out infinite}
  .mark .b2{animation-delay:.35s} .mark .b3{animation-delay:.7s}
  @keyframes rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
  @media (prefers-reduced-motion:reduce){.mark .b{animation:none}}
  h1{
    font-family:Anton,Impact,sans-serif; font-weight:400; color:var(--taxi);
    font-size:clamp(56px,14vw,120px); letter-spacing:4px; line-height:1;
  }
  .bn{font-family:Galada,cursive; color:var(--ember); font-size:clamp(22px,5vw,30px); margin-top:6px}
  .lead{font-size:clamp(18px,4.2vw,22px); font-weight:500; max-width:28ch}
  .lead strong{color:var(--taxi); font-weight:800}
  .notify{
    width:100%; max-width:420px; background:var(--ink2); border:1px solid var(--line);
    border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:14px;
  }
  .notify h2{font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--muted)}
  .btn{
    display:flex; align-items:center; justify-content:center; gap:10px;
    min-height:52px; border-radius:12px; font:800 16px "DM Sans",sans-serif;
    text-decoration:none; cursor:pointer; border:0;
  }
  .btn-wa{background:var(--taxi); color:var(--ink)}
  .btn-wa:hover{filter:brightness(1.06)}
  .or{color:var(--muted); font-size:13px}
  form{display:flex; gap:8px}
  input[type=email]{
    flex:1; min-width:0; min-height:52px; padding:0 14px; border-radius:12px;
    border:1px solid var(--line); background:var(--ink3); color:var(--smoke);
    font:500 16px "DM Sans",sans-serif;
  }
  input[type=email]:focus{outline:2px solid var(--taxi); outline-offset:1px}
  .btn-mail{background:transparent; color:var(--taxi); border:2px solid var(--taxi); padding:0 18px}
  @media (max-width:420px){form{flex-direction:column}}
  .msg{font-size:14px; min-height:21px; color:var(--taxi)}
  .msg.err{color:var(--ember)}
  .hp{position:absolute; left:-9999px}
  [hidden]{display:none !important}
  .follow{font-size:15px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin-bottom:-12px}
  .social{display:flex; gap:18px; justify-content:center; flex-wrap:wrap; font-size:14px}
  .social a{color:var(--smoke); text-decoration:none; border-bottom:1px solid var(--line)}
  .social a:hover{color:var(--taxi); border-color:var(--taxi)}
  footer{
    padding:20px; text-align:center; font-size:12px; color:var(--muted);
    border-top:1px solid var(--line);
  }
  footer b{color:var(--smoke)}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}