@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700;800&display=swap');
:root{--navy:#101A4A;--blue:#3148E2;--blue-d:#2638B8;--ink:#2B3345;--mute:#5B6478;--line:#E3E8F5}
html,body{min-height:100%}
body{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);
  background:#101A4A linear-gradient(165deg,#101A4A 0%,#2638B8 62%,#4C6BF0 100%) fixed;
  display:flex;flex-direction:column;align-items:center;padding:clamp(20px,6vh,72px) 16px 28px}
.container.wrap{width:100%;max-width:520px;margin:0;padding:36px 40px 40px;background:#fff;border:0;border-radius:24px;
  box-shadow:0 24px 60px rgba(8,14,48,.35)}
.header{margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--line)}
.logo a{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.logo img{width:44px;height:44px;border-radius:12px;display:block}
.logo a::after{content:'KontenerLab';font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--navy)}
h2{font-weight:800;font-size:28px;line-height:1.2;letter-spacing:-.015em;color:var(--navy);margin:0 0 14px}
p{margin:0 0 14px;color:var(--ink)}
.section{padding:0;margin:0}
.unsub-form p:last-of-type,.section p:last-child{margin-bottom:0}
.unsub-form button{margin-top:6px}
label{cursor:pointer}
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0 10px -5px 0;border:2px solid #B9C3E6;border-radius:7px;background:#fff;cursor:pointer;display:inline-block;position:relative}
input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}
input[type=checkbox]:checked::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
input[type=checkbox]:focus-visible,.button:focus-visible{outline:3px solid rgba(49,72,226,.35);outline-offset:2px}
.button,button[type=submit]{font-family:inherit;font-size:16px;font-weight:700;line-height:20px;color:#fff;background:var(--blue);border:0;border-radius:999px;
  padding:14px 32px;cursor:pointer;transition:background .15s}
.button:hover,button[type=submit]:hover{background:var(--blue-d)}
a{color:var(--blue)}
footer.container{margin:22px 0 0;padding:0;font-size:0;color:transparent;text-align:center}
footer.container a{display:none}
footer.container::after{content:'KontenerLab  ·  kontenerlab.hu';font-size:14px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.75)}
@media (max-width:480px){.container.wrap{padding:26px 22px 28px;border-radius:20px}.button,button[type=submit]{width:100%}h2{font-size:25px}}

/* egységes betűtípus; asztalon balra, mobilon középre igazítva */
*,input,button,label,textarea,select{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.container.wrap,.section,.header,.logo,h1,h2,h3,p,.unsub-form,.unsub-form>div,.message{text-align:left}
.logo a{display:inline-flex}
.unsub-form p{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0 4px}
.unsub-form input[type=checkbox]{margin:0 8px 0 0;flex:none}
.unsub-form label{text-align:left}
.unsub-form hr{display:none}
.unsub-form>div>p:first-child{display:block;margin-bottom:18px}
.unsub-form [id=privacy-blocklist]+label{flex:0 1 auto}
.section .button,.section button{display:inline-block}
@media (max-width:480px){
  .unsub-form [id=privacy-blocklist]+label{max-width:none}
  .section .button,.section button{display:block;width:100%}
}