.elementor-4211 .elementor-element.elementor-element-6cf1bfc:not(.elementor-motion-effects-element-type-background), .elementor-4211 .elementor-element.elementor-element-6cf1bfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smarttrans.org/wp-content/uploads/2025/03/home_banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4211 .elementor-element.elementor-element-6cf1bfc > .elementor-container{min-height:400px;}.elementor-4211 .elementor-element.elementor-element-6cf1bfc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4211 .elementor-element.elementor-element-6cf1bfc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4211 .elementor-element.elementor-element-6cf1bfc > .elementor-shape-bottom .elementor-shape-fill{fill:#F6F7FB;}.elementor-4211 .elementor-element.elementor-element-6cf1bfc > .elementor-shape-bottom svg{width:calc(272% + 1.3px);height:84px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4211 .elementor-element.elementor-element-6d69dab{text-align:center;}.elementor-4211 .elementor-element.elementor-element-6d69dab .elementor-heading-title{color:#FFFFFF;}.elementor-4211 .elementor-element.elementor-element-6e82e04:not(.elementor-motion-effects-element-type-background), .elementor-4211 .elementor-element.elementor-element-6e82e04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-4211 .elementor-element.elementor-element-6e82e04{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-4211 .elementor-element.elementor-element-6e82e04 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4211 .elementor-element.elementor-element-e46c331:not(.elementor-motion-effects-element-type-background), .elementor-4211 .elementor-element.elementor-element-e46c331 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4211 .elementor-element.elementor-element-e46c331 > .elementor-container{max-width:780px;}.elementor-4211 .elementor-element.elementor-element-e46c331{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;box-shadow:2px 2px 14px 3px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 24px 24px 24px;}.elementor-4211 .elementor-element.elementor-element-e46c331, .elementor-4211 .elementor-element.elementor-element-e46c331 > .elementor-background-overlay{border-radius:18px 18px 18px 18px;}.elementor-4211 .elementor-element.elementor-element-e46c331 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4211 .elementor-element.elementor-element-81b8795{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4211 .elementor-element.elementor-element-99b3ec2{text-align:center;}.elementor-4211 .elementor-element.elementor-element-99b3ec2 p{margin-block-end:0px;}.elementor-4211 .elementor-element.elementor-element-2459d74{text-align:center;}.elementor-4211 .elementor-element.elementor-element-2459d74 p{margin-block-end:0px;}.elementor-4211 .elementor-element.elementor-element-810e496:not(.elementor-motion-effects-element-type-background), .elementor-4211 .elementor-element.elementor-element-810e496 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smarttrans.org/wp-content/uploads/2025/10/pexels-photo-192364-192364-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4211 .elementor-element.elementor-element-810e496 > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4211 .elementor-element.elementor-element-810e496 > .elementor-container{min-height:250px;}.elementor-4211 .elementor-element.elementor-element-810e496{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4211 .elementor-element.elementor-element-810e496 > .elementor-shape-top .elementor-shape-fill{fill:#F6F7FB;}.elementor-4211 .elementor-element.elementor-element-810e496 > .elementor-shape-top svg{width:calc(272% + 1.3px);height:60px;}/* Start custom CSS for section, class: .elementor-element-6e82e04 *//* ===== ALAP SZÍNEK ===== */
:root{
  --brand: #6E84A3;   /* akcent */
  --bg-page: #F6F7FB;
  --ink: #0F172A;
  --muted: #64748B;
  --card: #FFFFFF;
  --bd: #E5E7EB;
}
:root[data-theme="dark"]{
  --bg-page: #0F172A;
  --ink: #E5E7EB;
  --muted: #A3AED0;
  --card: #111827;
  --bd: #1F2937;
}

/* ===== KÜLSŐ SZEKCIÓ – levegő + finom háttér ===== */
.signup-screen{ background: var(--bg-page); position: relative; }
.signup-screen:before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(1000px 400px at 80% -10%, rgba(110,132,163,.10), transparent 60%),
    radial-gradient(900px 360px at 0% 100%, rgba(110,132,163,.12), transparent 60%);
}

/* ===== KÁRTYA ===== */
.signup-card{
  max-width:780px; margin:0 auto;
  background:var(--card); border:1px solid var(--bd); border-radius:18px;
  box-shadow:0 24px 60px rgba(2,6,23,.10);
  padding:clamp(22px,3vw,34px);
}
:root[data-theme="dark"] .signup-card{ background:var(--card); border-color:var(--bd); }

/* Cím + lead */
.signup-card h1,.signup-card h2,.signup-card h3{ margin-top:0; color:var(--ink); }
.signup-card .elementor-widget-text-editor,
.signup-card p.lead { color: var(--muted); }

/* ===== INPUTOK / LABEL ===== */
.signup-card label{ color:var(--muted); font-weight:600; letter-spacing:.2px; }
.signup-card input[type="text"],
.signup-card input[type="email"],
.signup-card input[type="password"]{
  width:100%; height:44px; border-radius:12px;
  border:1px solid var(--bd);
  background:#F8FAFC; color:var(--ink);
  padding:8px 12px;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
:root[data-theme="dark"] .signup-card input[type="text"],
:root[data-theme="dark"] .signup-card input[type="email"],
:root[data-theme="dark"] .signup-card input[type="password"]{
  background:#0B1220; border-color:var(--bd); color:var(--ink);
}
.signup-card input:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);
}

/* ===== SUBMIT GOMB – pill ===== */
.signup-card .elementor-button,
.signup-card button[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 18px;
  border-radius:999px; font-weight:800; letter-spacing:.25px;
  border:1px solid color-mix(in srgb, var(--brand) 28%, #000 0%);
  color:#fff;
  background:linear-gradient(to bottom, color-mix(in srgb, var(--brand) 15%, #fff 0%), var(--brand));
  box-shadow:0 10px 20px rgba(110,132,163,.28), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 6px rgba(0,0,0,.18);
  transition:transform .12s, box-shadow .15s, filter .2s;
}
.signup-card .elementor-button:hover,
.signup-card button[type="submit"]:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 14px 26px rgba(110,132,163,.32), inset 0 1px 0 rgba(255,255,255,.42), inset 0 -2px 8px rgba(0,0,0,.22);
}

/* ===== ROLE VÁLASZTÓ – rádióból kártyák =====
   - Add class: role-cards a rádiómező tárolójára (vagy a mezőt körülvevő containerre).
   - A legtöbb regiszter form markupja: <input type=radio id=x><label for=x>…</label>
*/
.signup-card .role-cards{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap:12px;
  margin-top:8px;
}
.signup-card .role-cards input[type="radio"]{
  position:absolute; inline-size:1px; block-size:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:0;
}
.signup-card .role-cards input[type="radio"] + label{
  display:flex; flex-direction:column; gap:6px;
  padding:14px 16px;
  border:1px solid var(--bd);
  border-radius:14px;
  background:var(--card);
  color:var(--ink);
  cursor:pointer;
  box-shadow:0 8px 18px rgba(2,6,23,.06);
  transition:border-color .15s, box-shadow .15s, transform .12s;
}
.signup-card .role-cards input[type="radio"] + label small{ color:var(--muted); }
.signup-card .role-cards input[type="radio"]:hover + label{ transform:translateY(-1px); }
.signup-card .role-cards input[type="radio"]:checked + label{
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent), 0 10px 24px rgba(2,6,23,.10);
}

/* ===== Alsó gombsor / linkek (opcionális) ===== */
.signup-actions{
  display:flex; gap:10px; justify-content:center; margin-top:16px;
}
.signup-actions .elementor-button{ border-radius:999px; }
.signup-actions .elementor-button--outline, .signup-actions .outline{
  background:#fff; color:#1f2937; border:1px solid #D7DDE7; box-shadow:0 8px 18px rgba(2,6,23,.12);
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  .signup-actions{ flex-direction:column; }
}/* End custom CSS */