/* Közös stílus az új oldalakhoz (köszönő oldalak, adatvédelem). Értékek a meglévő oldalak CSS-éből. */
*{box-sizing:border-box;margin:0;padding:0}
:root{--purple:#8a30ff;--purple-mid:#4e06c3;--purple-dark:#221947;--purple-light:#f3eeff;--ink:#0f0a1e;--gray:#6b7280}
body{font-family:'DM Sans',sans-serif;background:#fff;color:var(--ink);line-height:1.6}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#fff;border-bottom:1px solid rgba(138,48,255,0.12);gap:16px}
nav img.logo{height:38px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none}
.nav-links a{color:rgba(15,10,30,0.65);font-size:13px;text-decoration:none;padding:8px 13px;border-radius:4px;transition:all .2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--purple);background:rgba(138,48,255,0.07)}
nav a.cta-btn{background:var(--purple);color:#fff;font-size:13px;font-weight:500;padding:10px 20px;border-radius:4px;text-decoration:none;transition:background .2s;white-space:nowrap;flex-shrink:0}
nav a.cta-btn:hover{background:var(--purple-mid)}
@media(max-width:768px){.nav-links{display:none}nav{padding:12px 16px}}

.wrap{max-width:760px;margin:0 auto;padding:130px 24px 72px}
.section-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);margin-bottom:16px}
h1{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:.95;letter-spacing:2px;margin-bottom:20px}
h1 span{color:var(--purple)}
h2{font-family:'Bebas Neue',sans-serif;font-size:40px;line-height:1;letter-spacing:1.5px;margin-bottom:14px}
.lead{font-size:17px;color:#4b5563;font-weight:300;max-width:580px;margin-bottom:28px}
.btn{display:inline-block;background:var(--purple);color:#fff;padding:16px 32px;border-radius:4px;text-decoration:none;font-size:15px;font-weight:500;transition:background .2s;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--purple-mid)}
.btn.ghost{background:none;color:var(--ink);border:1px solid rgba(0,0,0,.15)}
.btn.ghost:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}
.btn[aria-busy=true]{opacity:.6;pointer-events:none}
.box{margin-top:56px;padding:36px 32px;border-radius:12px;background:#f4f2f9;border:1px solid rgba(138,48,255,.15)}
.box p{color:#4b5563;margin-bottom:22px;max-width:560px}
.box ul{margin:0 0 24px 18px;color:#4b5563}
.box li{margin-bottom:6px}
.small{font-size:13px;color:var(--gray);margin-top:14px}

footer{padding:32px 24px;border-top:1px solid rgba(0,0,0,0.07);text-align:center}
footer p{font-size:13px;color:#999}
footer a{color:#999}
@media(max-width:600px){h1{font-size:46px}h2{font-size:32px}.wrap{padding:104px 16px 56px}.box{padding:28px 20px}}