.elementor-417 .elementor-element.elementor-element-65d096b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-164ff17 *//* ═══════════════════════════════════════
   REGISTRATION PAGE — register.css
   Depends on: styles.css (shared vars + utilities)
═══════════════════════════════════════ */
 
/* ── REG HERO LAYOUT ── */
.reg-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: auto;
  position: relative;
  overflow: hidden;
}
 
/* LEFT — forest dark panel */
.reg-hero-left {
  background: var(--forest);
  padding: 80px 52px 80px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
 
/* Decorative circles same as main hero */
.reg-hero-left::before {
  content: '';
  position: absolute;
  bottom: -80px; right: -80px;
  width: 400px; height: 400px;
  border: 60px solid rgba(255,255,255,0.03);
  border-radius: 50%;
}
 
.reg-hero-left::after {
  content: '';
  position: absolute;
  bottom: -40px; right: -40px;
  width: 280px; height: 280px;
  border: 40px solid rgba(196,113,58,0.08);
  border-radius: 50%;
}
 
/* ── TRUST LIST ── */
.reg-trust-list {
  margin-top: 44px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
 
.reg-trust-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 20px;
  align-items: start;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: background 0.3s;
}
 
.reg-trust-icon {
  font-family: 'Playfair Display', serif;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--copper);
  padding-top: 3px;
  letter-spacing: 0.1em;
}
 
.reg-trust-title {
  font-family: 'DM Serif Display', serif;
  font-size: 1rem;
  color: var(--ivory);
  margin-bottom: 6px;
}
 
.reg-trust-body {
  font-size: 0.74rem;
  line-height: 1.75;
  color: rgba(247,243,237,0.5);
}
 
/* RIGHT — form panel */
.reg-hero-right {
  background: var(--ivory-dark);
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}
 
/* Grid pattern background same as main hero right */
.reg-hero-right::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(26,47,94,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,47,94,0.04) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}
 
.reg-form-wrap {
  position: relative;
  z-index: 2;
  padding: 72px 52px 72px 48px;
  width: 100%;
}
 
.reg-form-header {
  margin-bottom: 36px;
}
 
.reg-form-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  font-weight: 400;
  color: var(--forest);
  line-height: 1.15;
  margin-top: 12px;
  margin-bottom: 12px;
}
 
.reg-form-sub {
  font-size: 0.76rem;
  line-height: 1.85;
  color: var(--ink-muted);
  max-width: 380px;
}
 
/* Shortcode / form area */
.reg-shortcode-area {
  width: 100%;
}
 
/* ═══════════════════════════════════════
   FORMINATOR FORM STYLING — theme matched
═══════════════════════════════════════ */
 
/* Labels */
.forminator-label,
.forminator-field-option label,
.forminator-row label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--ink-muted) !important;
  margin-bottom: 8px !important;
}
 
/* Input, Textarea, Select fields */
.forminator-input,
.forminator-textarea,
.forminator-select select,
.forminator-input-with-limit textarea,
div.forminator-field input[type="text"],
div.forminator-field input[type="email"],
div.forminator-field input[type="tel"],
div.forminator-field input[type="number"],
div.forminator-field textarea,
div.forminator-field select {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 300 !important;
  color: var(--ink) !important;
  background: var(--white) !important;
  border: 1px solid rgba(26,47,94,0.18) !important;
  border-radius: 0 !important;
  padding: 13px 16px !important;
  width: 100% !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.25s !important;
  letter-spacing: 0.02em !important;
}
 
/* Focus state */
.forminator-input:focus,
.forminator-textarea:focus,
.forminator-select select:focus,
div.forminator-field input:focus,
div.forminator-field textarea:focus,
div.forminator-field select:focus {
  border-color: var(--copper) !important;
  box-shadow: none !important;
  outline: none !important;
}
 
/* Placeholder text */
.forminator-input::placeholder,
.forminator-textarea::placeholder,
div.forminator-field input::placeholder,
div.forminator-field textarea::placeholder {
  color: rgba(122,114,104,0.5) !important;
  font-weight: 300 !important;
  font-size: 0.76rem !important;
}
 
/* Select dropdown arrow area */
.forminator-select select {
  appearance: auto !important;
}
 
/* Dropdown options list */
.forminator-select select option {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 300 !important;
  background: var(--white) !important;
  color: var(--ink) !important;
  padding: 10px 16px !important;
}
 
/* Selected / highlighted option */
.forminator-select select option:checked,
.forminator-select select option:hover {
  background: var(--forest) !important;
  color: var(--white) !important;
}
 
/* Row spacing */
.forminator-row {
  margin-bottom: 20px !important;
}
 
/* Submit Button */
.forminator-btn-submit,
.forminator-button,
.forminator-button-submit,
div.forminator-ui input[type="submit"],
div.forminator-ui button[type="submit"] {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.66rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  background: var(--copper) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 15px 40px !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  box-shadow: none !important;
}
 
/* Submit Button hover */
.forminator-btn-submit:hover,
.forminator-button:hover,
div.forminator-ui input[type="submit"]:hover,
div.forminator-ui button[type="submit"]:hover {
  background: var(--forest) !important;
  color: var(--white) !important;
}
 
/* Error messages */
.forminator-error-message,
.forminator-field--error .forminator-error-message {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.08em !important;
  color: #c0392b !important;
  margin-top: 5px !important;
}
 
/* Error field border */
.forminator-field--error input,
.forminator-field--error textarea,
.forminator-field--error select {
  border-color: #c0392b !important;
}
 
/* Success message */
.forminator-response-output,
.forminator-success .forminator-response-output {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.05em !important;
  color: var(--forest) !important;
  background: var(--ivory) !important;
  border: 1px solid rgba(26,47,94,0.15) !important;
  border-left: 3px solid var(--copper) !important;
  padding: 16px 20px !important;
  border-radius: 0 !important;
}
 
/* Hide "Edit form" link (admin only, frontend hata do) */
.forminator-design--none a[href*="edit"] {
  display: none !important;
}
 
/* ── STATS BAND ── */
.reg-stats-band {
  background: var(--cream);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: 48px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
}
 
.reg-stat-item {
  text-align: center;
  padding: 0 60px;
}
 
.reg-stat-num {
  font-family: 'Playfair Display', serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--forest);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}
 
.reg-stat-label {
  font-size: 0.62rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
 
.reg-stat-divider {
  width: 1px;
  height: 48px;
  background: var(--rule);
  flex-shrink: 0;
}
 
/* ═══ MOBILE 768px ═══ */
@media (max-width: 768px) {
  .reg-hero {
    grid-template-columns: 1fr;
  }
 
  .reg-hero-left {
    padding: 56px 20px 48px;
  }
 
  .reg-hero-right {
    align-items: flex-start;
  }
 
  .reg-form-wrap {
    padding: 44px 20px;
  }
 
  .reg-trust-list {
    margin-top: 32px;
  }
 
  .reg-stats-band {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 0;
  }
 
  .reg-stat-item {
    padding: 32px 20px;
    border-bottom: 1px solid var(--rule);
    text-align: center;
  }
 
  .reg-stat-item:nth-child(1),
  .reg-stat-item:nth-child(3) {
    border-right: 1px solid var(--rule);
  }
 
  .reg-stat-divider {
    display: none;
  }
 
  .reg-stat-num {
    font-size: 2rem;
  }
}
 
@media (max-width: 480px) {
  .reg-hero-left {
    padding: 44px 16px 40px;
  }
 
  .reg-form-wrap {
    padding: 36px 16px;
  }
 
  .reg-stat-item {
    padding: 24px 12px;
  }
 
  .reg-stat-num {
    font-size: 1.7rem;
  }
 
  .reg-stat-label {
    font-size: 0.55rem;
  }
}






























if (!is_user_logged_in()) {
  echo "Please login with Google to access this form.";
} else {
  echo do_shortcode('[forminator_form id="123"]');
}














































.reg-hero-left .hero-eyebrow-text {
  color: rgba(247, 243, 237, 0.5) !important;
}/* End custom CSS */