/* Madak brand for Listmonk's public pages (unsubscribe, preferences, subscription form).
   Colors and font taken from madak.com: blue #0022fc, ink #1f1d1e, grey #ececef, yellow #e5ff52.
   Founders Grotesk is loaded from Madak's own CDN. */
@font-face{font-family:"Founders Grotesk";font-weight:400;font-style:normal;font-display:swap;src:url(https://cdn.prod.website-files.com/697bdc80b0c33650cc8eecd3/697bea25a692cd6034103cf0_founders-grotesk-regular.woff2) format("woff2")}
@font-face{font-family:"Founders Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url(https://cdn.prod.website-files.com/697bdc80b0c33650cc8eecd3/697bea25ee4b600a12c79c5d_founders-grotesk-medium.woff2) format("woff2")}
@font-face{font-family:"Founders Grotesk";font-weight:600;font-style:normal;font-display:swap;src:url(https://cdn.prod.website-files.com/697bdc80b0c33650cc8eecd3/697bea2526ae8ac07a7a973b_founders-grotesk-semibold.woff2) format("woff2")}

:root{--madak-blue:#0022fc;--madak-ink:#1f1d1e;--madak-grey:#ececef;--madak-yellow:#e5ff52}

body{font-family:"Founders Grotesk",Arial,sans-serif;font-size:18px;background:var(--madak-grey);color:var(--madak-ink)}
.container.wrap{background:#fff;border:0;border-radius:16px;box-shadow:none;max-width:560px;margin:48px auto;padding:36px}
.header{border:0;margin-bottom:24px}
.header .logo img{height:26px;width:auto;max-width:100%}
h1,h2,h3{font-family:"Founders Grotesk",Arial,sans-serif;font-weight:500;letter-spacing:-.01em;color:var(--madak-ink)}
a{color:var(--madak-blue)}
a:hover{color:var(--madak-ink)}
.button,button,input[type=submit]{font-family:"Founders Grotesk",Arial,sans-serif;font-weight:500;background:var(--madak-blue);border:2px solid var(--madak-blue);color:#fff;border-radius:999px;padding:0 28px;text-transform:none;letter-spacing:0}
.button:hover,button:hover,input[type=submit]:hover{background:var(--madak-ink);border-color:var(--madak-ink);color:#fff}
.button.button-outline,input[type=submit].button-outline{background:transparent;color:var(--madak-blue)}
.button.button-outline:hover,input[type=submit].button-outline:hover{background:var(--madak-blue);color:#fff;border-color:var(--madak-blue)}
input[type=text],input[type=email],input[type=password],select,textarea{border-radius:8px;border:1px solid #c9c9ce;font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--madak-blue);outline:0;box-shadow:0 0 0 3px rgba(0,34,252,.15)}
input[type=checkbox],input[type=radio]{accent-color:var(--madak-blue)}
.footer,footer{color:#6b686a;font-size:14px}
.footer a,footer a{color:#6b686a}
.error{color:#b3261e}