/* =============================================
       ÉLET VÁLTOZTATÓ AKADÉMIA – Global CSS
       Arculat: #c70230 (piros), #00969e (zöld), #0aadbc (türkiz)
       Betűtípus: Marcellus (cím), Inter (szöveg)
       ============================================= */
    :root {
      --piros: #c70230;
      --zold: #00969e;
      --turkiz: #0aadbc;
      --piros-sotet: #a0021f;
      --zold-sotet: #007a80;
      --feher: #ffffff;
      --szoveg: #1a1a2e;
      --szoveg-vilagos: #4a4a6a;
      --hatter-vilagos: #f8f9fa;
      --hatter-sotet: #0d1117;
      --keret: #e2e6ea;
      --arny: 0 4px 20px rgba(0,0,0,0.1);
      --arny-nagy: 0 8px 40px rgba(0,0,0,0.16);
      --radius: 14px;
      --radius-nagy: 22px;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; background: #fff; color: var(--szoveg); font-size: 17px; line-height: 1.7; }
    img { max-width: 100%; display: block; }

    /* TIPOGRÁFIA */
    .marcellus { font-family: 'Marcellus', serif; }
    h1, h2, h3 { font-family: 'Marcellus', serif; font-weight: 400; line-height: 1.18; }
    h1 { font-size: clamp(2rem, 5vw, 3.4rem); color: var(--szoveg); }
    h2 { font-size: clamp(1.7rem, 3.5vw, 2.7rem); color: var(--szoveg); }
    h3 { font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--szoveg); }
    p { color: var(--szoveg-vilagos); line-height: 1.75; }
    b { color: var(--szoveg); }

    /* LAYOUT */
    .w-wide { max-width: 1160px; margin: 0 auto; }
    .w-mid  { max-width: 960px;  margin: 0 auto; }
    .w-text { max-width: 780px;  margin: 0 auto; }
    .szekció { padding: 76px 24px; }
    @media(max-width:640px){ .szekció { padding: 52px 16px; } }

    /* GOMBOK */
    .btn {
      display: inline-block; background: var(--piros); color: #fff;
      font-family: 'Inter', sans-serif; font-size: 1.05rem; font-weight: 700;
      padding: 16px 40px; border-radius: 50px; text-decoration: none; border: none;
      cursor: pointer; letter-spacing: 0.01em;
      box-shadow: 0 4px 22px rgba(199,2,48,0.38);
      transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    }
    .btn:hover { background: var(--piros-sotet); transform: translateY(-2px); box-shadow: 0 6px 30px rgba(199,2,48,0.5); }
    .btn-lg { font-size: 1.2rem; padding: 20px 52px; }
    .btn-zold { background: var(--piros); box-shadow: 0 4px 22px rgba(199,2,48,0.38); }
    .btn-zold:hover { background: var(--piros-sotet); box-shadow: 0 6px 30px rgba(199,2,48,0.5); }

    /* ELŐ-CIMSOR */
    .elo-cim {
      display: block; font-size: 0.78rem; font-weight: 700;
      letter-spacing: 0.15em; text-transform: uppercase; color: var(--zold);
      margin-bottom: 14px;
    }
    .elvalaszto { width: 52px; height: 4px; background: var(--piros); border-radius: 2px; margin: 14px auto 0; }

    /* =========================================
       STICKY FEJLÉC
    ========================================= */
    .fejlec {
      background: #fff;
      border-bottom: 2px solid var(--piros);
      padding: 14px 32px;
      display: flex; align-items: center; justify-content: space-between;
      position: sticky; top: 0; z-index: 200;
      box-shadow: 0 2px 14px rgba(0,0,0,0.07);
    }
    .logo-text {
      font-family: 'Marcellus', serif; font-size: 1.05rem;
      color: var(--szoveg); line-height: 1.25;
    }
    .logo-text span { display: block; font-family: 'Inter', sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--szoveg-vilagos); }
    .fejlec-cta {
      background: var(--piros); color: #fff;
      font-size: 0.85rem; font-weight: 700;
      padding: 10px 22px; border-radius: 50px;
      text-decoration: none; border: none; cursor: pointer;
      box-shadow: 0 3px 14px rgba(199,2,48,0.35);
      transition: background 0.2s;
      white-space: nowrap;
    }
    .fejlec-cta:hover { background: var(--piros-sotet); }
    @media(max-width:560px){ .fejlec { padding: 10px 16px; } .fejlec-cta { display: none; } }

    /* =========================================
       HERO – split layout
    ========================================= */
    .hero-wrapper {
      background: linear-gradient(160deg, #f5f7fa 0%, #eaf5f6 100%);
      border-bottom: 1px solid var(--keret);
    }
    .hero-container {
      max-width: 1160px; margin: 0 auto; padding: 0 32px 64px;
    }
    .hero-fej {
      text-align: center; padding: 16px 0 36px;
    }
    .hero-body {
      display: grid; grid-template-columns: 1fr 430px; gap: 56px; align-items: start;
    }
    @media(max-width:940px){ .hero-body { grid-template-columns: 1fr; gap: 44px; } }
    @media(max-width:560px){ .hero-container { padding: 0 16px 48px; } .hero-fej { padding: 40px 0 32px; } }

    .hero-badge {
      display: inline-block;
      background: rgba(10,173,188,0.12); border: 1.5px solid rgba(10,173,188,0.38);
      color: var(--zold-sotet); font-size: 0.76rem; font-weight: 700;
      letter-spacing: 0.12em; text-transform: uppercase;
      padding: 5px 18px; border-radius: 50px; margin-bottom: 24px;
    }
    .hero-cim {
      font-family: 'Marcellus', serif;
      font-size: clamp(2rem, 4.5vw, 3.2rem);
      line-height: 1.14; color: var(--szoveg);
      margin-bottom: 10px;
    }
    .hero-cim .kiemelt { color: var(--piros); }
    .hero-alcim {
      font-size: clamp(1rem, 2vw, 1.2rem); color: var(--szoveg-vilagos);
      font-weight: 500; line-height: 1.5; margin-bottom: 28px;
    }
    .event-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; justify-content: center; }
    .chip {
      background: #fff; border: 1.5px solid var(--keret);
      border-radius: 50px; padding: 7px 16px;
      font-size: 0.86rem; font-weight: 600; color: var(--szoveg);
      display: flex; align-items: center; gap: 6px;
    }
    .chip.fontos { background: #fff5f6; border-color: #fcc; color: var(--piros); }
    .chip.zold   { background: #f0fafa; border-color: #b2e0e1; color: var(--zold-sotet); }
    .chip.free   { background: #f0fff4; border-color: #b2e0c8; color: #1a7a3a; }

    .bev-szoveg { font-size: 1rem; line-height: 1.75; color: var(--szoveg-vilagos); margin-bottom: 28px; }
    .bev-szoveg b { color: var(--szoveg); }

    .iger-lista { list-style: none; margin-bottom: 32px; }
    .iger-lista li {
      display: flex;
      align-items: flex-start;
      min-width: 0;
      max-width: 100%;
      padding: 9px 0; border-bottom: 1px solid #eff0f2;
      font-size: 0.97rem; color: var(--szoveg); line-height: 1.5;
    }
    .iger-lista li:last-child { border-bottom: none; }
    .iger-pipa {
      width: 22px; height: 22px; min-width: 22px; margin-top: 1px; margin-right: 12px;
      background: var(--zold); border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      color: #fff; font-size: 0.68rem; font-weight: 900; flex-shrink: 0;
    }
    .hero-mini-about {
      font-size: 0.88rem; color: var(--szoveg-vilagos);
      border-left: 3px solid var(--turkiz);
      padding-left: 14px; line-height: 1.6;
    }
    .hero-mini-about b { color: var(--szoveg); }

    /* =========================================
       FORM DOBOZ (jobb oldal, sticky)
    ========================================= */
    .form-box-sticky { position: sticky; top: 84px; }
    @media(max-width:940px){ .form-box-sticky { position: static; } }

    .form-doboz {
      background: #fff;
      border: 2px solid var(--keret);
      border-top: 4px solid var(--piros);
      border-radius: var(--radius-nagy);
      box-shadow: var(--arny-nagy);
      overflow: hidden;
    }
    .form-doboz-fej {
      background: linear-gradient(135deg, var(--szoveg) 0%, #2a2a4e 100%);
      padding: 26px 30px;
    }
    .form-doboz-cim {
      font-family: 'Marcellus', serif; font-size: 1.3rem;
      color: #fff; line-height: 1.3; margin-bottom: 8px;
    }
    .form-doboz-alcim { color: rgba(255,255,255,0.65); font-size: 0.88rem; line-height: 1.5; }
    .form-doboz-alcim strong { color: var(--turkiz); }
    .form-doboz-tartalom { padding: 0; }

    .form-embed-placeholder {
      background: #f8f9fa; border: 1.5px dashed #c8d0d8;
      border-radius: 10px; padding: 36px 20px; text-align: center;
      color: #8a8fa0; font-size: 0.85rem; line-height: 1.6;
      margin-bottom: 16px;
    }
    .form-garancia {
      display: flex; gap: 10px; align-items: flex-start;
      background: #f0fafa; border-radius: 10px; padding: 14px 16px;
      font-size: 0.83rem; color: var(--zold-sotet); line-height: 1.5;
    }

    /* =========================================
       SZÁMOK SÁV
    ========================================= */
    .szamok-csik-wrapper {
      background: linear-gradient(145deg, #0d1117, #1a1a2e);
    }
    .szamok-container {
      max-width: 1100px; margin: 0 auto;
    }
    .szamok-csik {
      display: grid; grid-template-columns: repeat(4, 1fr);
    }
    @media(max-width:640px){ .szamok-csik { grid-template-columns: repeat(2, 1fr); } }
    .szam-elem {
      text-align: center; padding: 20px 12px;
      border-right: 1px solid rgba(255,255,255,0.08);
    }
    .szam-elem:last-child { border-right: none; }
    .szam-nagy { font-family: 'Marcellus', serif; font-size: clamp(2.2rem, 4vw, 3rem); color: var(--turkiz); display: block; line-height: 1; margin-bottom: 4px; }
    .szam-kis { font-size: 0.95rem; color: rgba(255,255,255,0.6); line-height: 1.3; }

    /* =========================================
       PROBLÉMA SZEKCIÓ
    ========================================= */
    .problem-grid {
      display: flex; flex-wrap: wrap; justify-content: center; gap: 22px;
      margin-top: 48px;
    }
    .problem-card {
      background: #fff; border-left: 4px solid var(--piros);
      border-radius: var(--radius); padding: 28px 30px 26px;
      box-shadow: var(--arny);
      display: flex; gap: 20px; align-items: flex-start;
      width: calc(50% - 12px); min-width: 280px;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .problem-card:hover { transform: translateY(-3px); box-shadow: var(--arny-nagy); }
    .prob-ikon { flex-shrink: 0; width: 52px; height: 52px; }
    .prob-cim { font-family: 'Inter', sans-serif; font-size: 1.2rem; font-weight: 700; color: var(--szoveg); margin-bottom: 8px; }
    .prob-szov { font-size: 0.97rem; line-height: 1.7; color: var(--szoveg-vilagos); }
    .problem-zaro {
      max-width: 680px; margin: 44px auto 0;
      background: #fff8f1; border-left: 4px solid var(--piros);
      border-radius: 0 var(--radius) var(--radius) 0;
      padding: 22px 28px;
      font-size: 1rem; line-height: 1.75; color: var(--szoveg-vilagos);
    }

    /* =========================================
       MEGOLDÁS / ÍGÉRET
    ========================================= */
    .megoldas-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center;
      margin-top: 48px;
    }
    @media(max-width:768px){ .megoldas-grid { grid-template-columns: 1fr; } }
    .pipa-lista { list-style: none; }
    .pipa-lista li {
      display: flex;
      align-items: flex-start;
      min-width: 0;
      max-width: 100%;
      margin-bottom: 16px; font-size: 1rem; line-height: 1.65; color: var(--szoveg);
    }
    .megoldas-kartya {
      background: #fff; border-radius: var(--radius-nagy);
      padding: 36px 32px; box-shadow: var(--arny-nagy); text-align: center;
    }
    .megoldas-kartya-cim { font-family: 'Marcellus', serif; font-size: 1.45rem; color: var(--szoveg); margin: 0 0 12px; }
    .megoldas-kartya-nev { font-weight: 700; font-size: 0.9rem; color: var(--zold); margin-top: 16px; }

    /* =========================================
       TESTIMONIAL – nagy, részletes
    ========================================= */
    .testimonial-nagy {
      background: #fff; border-radius: var(--radius-nagy);
      padding: 40px 44px; box-shadow: var(--arny-nagy);
      position: relative; max-width: 860px; margin: 0 auto;
    }
    .testimonial-nagy::before {
      content: '201C'; font-family: 'Marcellus', serif; font-size: 8rem;
      color: var(--piros); opacity: 0.1;
      position: absolute; top: -8px; left: 20px; line-height: 1;
      pointer-events: none;
    }
    .testimonial-nagy .t-szoveg {
      font-size: 1.05rem; line-height: 1.8; color: var(--szoveg);
      position: relative; z-index: 1; padding-top: 14px;
    }
    .testimonial-nagy .t-nev { font-weight: 700; color: var(--piros); margin-top: 18px; font-size: 0.95rem; }

    /* =========================================
       NEM / IGEN szekció
    ========================================= */
    .nem-igen-sor { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 40px 0; }
    @media(max-width:640px){ .nem-igen-sor { grid-template-columns: 1fr; } }
    .nem-box { background: #fff5f7; border: 1.5px solid #fdd; border-radius: var(--radius); padding: 28px 30px; }
    .igen-box { background: #f0fafa; border: 1.5px solid #b2dfe0; border-radius: var(--radius); padding: 28px 30px; }
    .box-label { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 18px; }
    .nem-box .box-label { color: var(--piros); }
    .igen-box .box-label { color: var(--zold-sotet); }
    .box-lista { list-style: none; }
    .nem-box .box-lista li { padding: 8px 0 8px 26px; font-size: 0.96rem; border-bottom: 1px solid rgba(199,2,48,0.1); line-height: 1.5; color: var(--szoveg); position: relative; }
    .nem-box .box-lista li:last-child { border-bottom: none; }
    .nem-box .box-lista li::before { content: '✗'; color: var(--piros); font-weight: 700; position: absolute; left: 0; top: 8px; }
    .igen-box .box-lista li { padding: 8px 0 8px 26px; font-size: 0.96rem; border-bottom: 1px solid rgba(0,150,158,0.12); line-height: 1.5; color: var(--szoveg); position: relative; }
    .igen-box .box-lista li:last-child { border-bottom: none; }
    .igen-box .box-lista li::before { content: '✓'; color: var(--zold); font-weight: 700; position: absolute; left: 0; top: 8px; }

    /* =========================================
       MIT KAPSZ – 8 kártya
    ========================================= */
    .bullets-grid {
      display: flex; flex-wrap: wrap; justify-content: center;
      gap: 18px; margin: 44px 0;
    }
    .bullet-card {
      background: #fff; border: 1px solid #e8eaed; border-radius: var(--radius);
      padding: 22px 26px; display: flex; gap: 14px; align-items: flex-start;
      box-shadow: 0 2px 12px rgba(0,0,0,0.05);
      width: calc(50% - 10px); min-width: 260px;
      transition: box-shadow 0.2s, transform 0.15s;
    }
    .bullet-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.1); transform: translateY(-2px); }
    .bullet-ikon {
      width: 38px; height: 38px; min-width: 38px;
      background: linear-gradient(135deg, var(--zold), var(--turkiz));
      border-radius: 10px; display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .bullet-text { font-size: 0.95rem; line-height: 1.55; color: var(--szoveg); font-weight: 500; }
    .bullet-text strong { color: var(--zold-sotet); }

    /* =========================================
       SZEGMENSEK – kiknek szól
    ========================================= */
    .szegmens-grid {
      display: flex; flex-wrap: wrap; justify-content: center;
      gap: 18px; margin-top: 40px;
    }
    .szegmens-card {
      background: #fff; border-radius: var(--radius); padding: 20px 24px;
      box-shadow: var(--arny); display: flex; gap: 14px; align-items: flex-start;
      width: calc(33.33% - 14px); min-width: 240px;
    }
    .szegm-pipa { flex-shrink: 0; width: 26px; height: 26px; margin-top: 2px; }
    .szegm-cim { font-size: 1.08rem; font-weight: 700; color: var(--szoveg); margin-bottom: 4px; }
    .szegm-szov { font-size: 0.88rem; line-height: 1.6; color: var(--szoveg-vilagos); }

    /* =========================================
       BEMUTATKOZÁS – Rakovics Éva
    ========================================= */
    .about-grid { display: grid; grid-template-columns: 280px 1fr; gap: 56px; align-items: start; }
    @media(max-width:768px){ .about-grid { grid-template-columns: 1fr; } }
    .about-kep {
      border-radius: 20px; overflow: hidden; box-shadow: var(--arny-nagy);
      aspect-ratio: 3/4; background: #e8eaed;
    }
    .about-kep-placeholder {
      width: 100%; height: 100%;
      background: linear-gradient(135deg, #0d1117, #1a1a2e);
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: 14px; padding: 24px;
    }
    .about-cim { font-family: 'Marcellus', serif; font-size: 2rem; color: var(--szoveg); margin-bottom: 4px; }
    .about-alcim { color: var(--zold); font-weight: 600; font-size: 1rem; margin-bottom: 22px; }
    .about-szoveg { font-size: 1rem; line-height: 1.8; color: var(--szoveg-vilagos); margin-bottom: 20px; }

    .about-bullets { list-style: none; margin-bottom: 22px; }
    .about-bullets li {
      padding: 9px 0 9px 30px; position: relative;
      font-size: 0.97rem; line-height: 1.55; color: var(--szoveg);
      border-bottom: 1px solid #f0f0f2;
    }
    .about-bullets li:last-child { border-bottom: none; }
    .about-bullets li::before {
      content: '';
      position: absolute; left: 0; top: 13px;
      width: 18px; height: 18px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='11' fill='%2300969e'/%3E%3Cpath d='M6 11l3.5 3.5L16 7.5' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center/contain;
    }
    .about-stat-sor {
      display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 8px;
    }
    .about-stat {
      background: var(--hatter-vilagos); border-radius: var(--radius);
      padding: 14px 18px;
    }
    .about-stat-cimke { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--szoveg-vilagos); margin-bottom: 4px; }
    .about-stat-ertek { font-family: 'Marcellus', serif; font-size: 1.55rem; color: var(--piros); line-height: 1; }
    .about-stat-ertek.kis { font-size: 0.92rem; font-family: 'Inter', sans-serif; font-weight: 700; color: var(--szoveg); }
    .hitel-csik {
      background: var(--hatter-vilagos); border-left: 3px solid var(--zold);
      border-radius: 0 10px 10px 0; padding: 13px 18px;
      font-size: 0.82rem; color: var(--szoveg-vilagos); line-height: 1.55;
    }

    /* =========================================
       VÉLEMÉNYEK – 6 kártya
    ========================================= */
    .velemenyek-grid {
      display: flex; flex-wrap: wrap; justify-content: center; gap: 28px;
      margin-top: 44px;
    }
    .velemeny-card {
      background: #fff; border: 1px solid #e8eaed; border-radius: var(--radius);
      padding: 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.05);
      width: calc(25% - 15px); min-width: 200px;
      position: relative;
    }
    .csillagok { color: #f59e0b; font-size: 0.9rem; letter-spacing: 2px; margin-bottom: 12px; }
    .v-szoveg { font-size: 0.93rem; line-height: 1.65; font-style: italic; color: var(--szoveg); margin-bottom: 14px; }
    .v-nev { font-size: 0.84rem; font-weight: 700; color: var(--szoveg-vilagos); }

    /* =========================================
       FOLYAMAT – regisztráció után
    ========================================= */
    .folyamat-lista { display: flex; flex-direction: column; gap: 26px; max-width: 640px; margin: 44px auto 0; }
    .lepes-sor { display: flex; gap: 24px; align-items: flex-start; }
    .lepes-szam {
      width: 56px; height: 56px; border-radius: 50%; background: var(--piros); color: #fff;
      font-family: 'Marcellus', serif; font-size: 1.4rem;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .lepes-cim { font-size: 1.05rem; font-weight: 700; color: var(--szoveg); margin-bottom: 6px; padding-top: 12px; }
    .lepes-szov { font-size: 0.95rem; line-height: 1.65; color: var(--szoveg-vilagos); }

    /* =========================================
       FAQ / GYIK accordion
    ========================================= */
    .gyik-box { background: #fff; border-radius: var(--radius-nagy); padding: 8px 36px; box-shadow: var(--arny); }
    @media(max-width:560px){ .gyik-box { padding: 8px 20px; } }
    .gyik-elem { border-bottom: 1px solid #e5e7eb; }
    .gyik-elem:last-child { border-bottom: none; }
    .gyik-kerdes {
      display: flex; justify-content: space-between; align-items: center;
      padding: 20px 0; cursor: pointer;
      font-size: clamp(0.98rem, 1.8vw, 1.08rem); font-weight: 600; color: var(--szoveg);
      gap: 16px; border: none; background: none; width: 100%; text-align: left;
    }
    .gyik-nyil { flex-shrink: 0; width: 22px; height: 22px; color: var(--piros); transition: transform 0.3s ease; }
    .gyik-nyil.nyitva { transform: rotate(180deg); }
    .gyik-valasz { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.38s ease, opacity 0.3s ease; }
    .gyik-valasz-belso { padding: 0 0 20px; font-size: 0.97rem; line-height: 1.78; color: var(--szoveg-vilagos); }

    /* =========================================
       REGISZTRÁCIÓS SZEKCIÓ
    ========================================= */
    .reg-blokk {
      background: linear-gradient(135deg, #0d1117 0%, #1a1a2e 100%);
      border-radius: var(--radius-nagy); padding: 56px 48px;
      box-shadow: var(--arny-nagy);
    }
    @media(max-width:640px){ .reg-blokk { padding: 36px 22px; } }
    .reg-badge {
      display: inline-block;
      background: rgba(10,173,188,0.2); color: var(--turkiz);
      font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
      padding: 6px 18px; border-radius: 50px; margin-bottom: 22px;
    }
    .reg-cim { font-family: 'Marcellus', serif; font-size: clamp(1.7rem, 3.5vw, 2.6rem); color: #fff; margin-bottom: 12px; }
    .reg-alcim { color: rgba(255,255,255,0.65); font-size: 1rem; line-height: 1.65; margin-bottom: 36px; }

    /* Visszaszámláló */
    .visszaszamlalo-doboz { display: inline-flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 36px; }
    .vissza-cimke { font-size: 0.78rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px; }
    .vissza-egyseg { display: flex; flex-direction: column; align-items: center; background: rgba(255,255,255,0.07); color: #fff; border-radius: 10px; padding: 10px 18px; min-width: 64px; }
    .vissza-szam { font-family: 'Marcellus', serif; font-size: 2.2rem; line-height: 1; }
    .vissza-felirat { font-size: 0.58rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.7; margin-top: 4px; }
    .vissza-elv { font-size: 1.8rem; font-weight: 700; color: rgba(255,255,255,0.45); line-height: 1; }
    @media(max-width:480px){
      .visszaszamlalo-doboz { gap: 5px; flex-wrap: nowrap; }
      .vissza-egyseg { padding: 7px 8px; min-width: 44px; }
      .vissza-szam { font-size: 1.35rem; }
      .vissza-felirat { font-size: 0.48rem; }
      .vissza-elv { font-size: 1.1rem; }
    }

    /* Form mezők */
    .form-label { display: block; font-size: 0.86rem; font-weight: 600; color: rgba(255,255,255,0.8); margin-bottom: 6px; }
    .form-mezo {
      width: 100%; padding: 14px 18px; border-radius: 10px;
      border: 2px solid rgba(255,255,255,0.14);
      font-family: 'Inter', sans-serif; font-size: 1rem; color: var(--szoveg);
      background: rgba(255,255,255,0.95); outline: none;
      transition: border-color 0.2s;
    }
    .form-mezo:focus { border-color: var(--turkiz); }

    /* =========================================
       UTOLSÓ LÖKÉS
    ========================================= */
    .utolso-lokes {
      background: linear-gradient(160deg, #0d1117 0%, #1a1a2e 100%);
      padding: 88px 24px; text-align: center;
    }

    /* =========================================
       FOOTER
    ========================================= */
    footer {
      background: #111; color: rgba(255,255,255,0.42);
      padding: 36px 24px; text-align: center; font-size: 0.82rem; line-height: 1.9;
    }
    footer a { color: rgba(255,255,255,0.42); text-decoration: none; }
    footer a:hover { color: var(--turkiz); text-decoration: underline; }
    .footer-logonev { color: rgba(255,255,255,0.6); font-weight: 600; font-size: 0.9rem; margin-bottom: 10px; display: block; }
    .footer-linksor { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }

    /* RESZPONZÍV */
    @media(max-width: 768px) {
      .problem-card { width: 100%; }
      .bullet-card { width: 100%; }
      .szegmens-card { width: 100%; }
      .velemeny-card { width: calc(50% - 10px); }
    }
    @media(max-width: 480px) {
      .velemeny-card { width: 100%; }
    }

    /* Scroll animációk */
    .anim { opacity: 1; transition: opacity 0.6s ease, transform 0.6s ease; }
    .anim.lathato { opacity: 1; transform: none; }