:root {
     --fblro-primary: #142347;
     --fblro-accent: #fa8c16;
     --fblro-dark: #0b2034;
     --fblro-text: #333;
     --fblro-muted: #555;
     --fblro-bg: #fff;
     --fblro-soft: #f9f9f9;
     --fblro-card: #f1f5fb;
     --fblro-radius: 16px;
     --fblro-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
 }

 * {
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
 }

 /* body{
      margin: 0;
      font-family: 'Montserrat','Poppins',Arial,sans-serif;
  
      color: var(--fblro-text);

    }
    img, video{ max-width: 100%; height: auto; display: block; } */

 .fblro-container {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .fblro-container h2 {
     font-size: 24px;
     font-weight: bold;
 }


 /* Hero */
 .fblro-hero {
     position: relative;
     overflow: hidden;
     background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
         url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1920&q=80') no-repeat center/cover;
     color: #fff;
     text-align: center;
     padding: 80px 20px;
     border-radius: 24px 24px 0 0
 }

 .fblro-hero .fblro-container {
     position: relative;
     z-index: 1;
 }

 .fblro-hero h1 {
     font-size: clamp(1.8rem, 4vw, 3rem);
     margin: 0 0 1rem;
     font-weight: 700;
 }

 .fblro-hero p {
     font-size: clamp(1rem, 2.5vw, 1.25rem);
     max-width: 800px;
     margin: 0 auto;
 }

 /* Buttons */
 .fblro-btn {
     display: inline-block;
     background-color: var(--fblro-accent);
     color: #fff;
     padding: 14px 28px;
     font-size: 1rem;
     font-weight: 600;
     border-radius: 999px;
     text-decoration: none;
     margin: 10px 8px 0;
     transition: transform .2s ease, box-shadow .2s ease;
     cursor: pointer;
     border: none;
 }

 .fblro-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(250, 140, 22, .45);
 }

 .fblro-btn--secondary {
     background-color: var(--fblro-primary);
     box-shadow: 0 4px 15px rgba(20, 35, 71, .35);
 }

 .fblro-btn--dark {
     background-color: var(--fblro-dark);
 }

 /* Form section */
 .fblro-form-section {
     padding: 60px 0;
     background: var(--fblro-soft);
     position: relative;
     overflow: hidden;
     text-align: center;
     border-radius: 24px;
 }

 /* .fblro-form-section::after{
      content:""; position:absolute; bottom:-100px; right:-125px; width:507px; height:396px;
      background-image:url('https://images.ctfassets.net/1i1co12z89xy/2eLnbNjKKXzrcTa0pXxiUY/e60b4d5636f7db22d2ec20c79dee6d12/logo_fibula_icon.png'); background-size:cover; background-position:center;
      opacity:.25; transform: rotate(105deg); pointer-events:none; z-index:1;border-radius: 0 0 24px 24px;
    } */
 .fblro-form-wrap {
     position: relative;
     z-index: 2;
 }

 .fblro-form-section h2 {
     font-size: clamp(1.4rem, 3.2vw, 2.2rem);
     margin: 0 0 14px;
     color: var(--fblro-primary);
 }

 .fblro-access-note {
     color: #e74c3c;
     font-size: 1.2rem;
     font-weight: bold;
     margin: 10px 0 24px;
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: center;
 }

 .fblro-form {
     width: 100%;
     max-width: 520px;
     margin: 0 auto;
     background: #fff;
     padding: 28px;
     border-radius: var(--fblro-radius);
     box-shadow: var(--fblro-shadow);
 }

 .fblro-form label {
     display: block;
     text-align: left;
     font-weight: 600;
     margin: 14px 0 6px;
 }

 .fblro-input {
     width: 100%;
     padding: 12px;
     border: 1px solid #ddd;
     border-radius: 10px;
     font-size: 1rem;
     transition: border .2s ease;
 }

 .fblro-input:focus {
     outline: none;
     border-color: var(--fblro-accent);
     box-shadow: 0 0 0 3px rgba(250, 140, 22, .15);
 }

 .fblro-error {
     color: #e74c3c;
     font-size: .9rem;
     margin-top: 6px;
     display: none;
     text-align: left;
 }

 .fblro-gdpr {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     margin: 14px 0;
     font-size: .95rem;
     color: var(--fblro-muted);
     text-align: left;
 }

 .fblro-gdpr a {
     color: var(--fblro-accent);
     text-decoration: underline;
 }

 .fblro-gdpr a:hover {
     text-decoration: none;
 }

 .fblro-success {
     color: #2ecc71;
     font-size: 1.05rem;
     margin-top: 16px;
     display: none;
 }

 /* Partner logos under form title */
 .fblro-partner-logos {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     margin: 2px 0 16px;
 }

 .fblro-partner-logo {
     height: 75px;
     width: auto;
     object-fit: contain;
     filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .06));
 }

 .fblro-partner-plus {
     font-weight: 800;
     color: var(--fblro-primary);
     opacity: .7;
 }

 .fblro-is-locked {
     position: relative;
     opacity: .7;
     filter: grayscale(.15);
 }

 .fblro-is-locked::after {
     content: "Voucher deja generat pentru această sesiune";
     position: absolute;
     inset: 0;
     display: grid;
     place-items: center;
     text-align: center;
     padding: 18px;
     font-weight: 700;
     color: #fff;
     background: rgba(0, 0, 0, .45);
     border-radius: 10px;
     pointer-events: none;
 }

 /* Antalya video */
 .fblro-antalya--video {
     position: relative;
     padding: 96px 0;
     background: #000;
     overflow: hidden;
     border-radius: 24px 24px 24px 24px;
 }

 .fblro-antalya__video {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 0;
 }

 .fblro-antalya__overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to bottom, rgba(0, 0, 0, .35), rgba(0, 0, 0, .45)),
         radial-gradient(60% 60% at 50% 30%, rgba(0, 0, 0, .25), transparent 70%);
     z-index: 1;
     pointer-events: none;
 }

 .fblro-antalya-content--onvideo {
     position: relative;
     z-index: 2;
     color: #fff;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
 }

 .fblro-antalya-content--onvideo h2 {
     color: #fff;
     font-size: 24px;
     font-weight: bolder;
     margin-bottom: 12px;
 }

 .fblro-antalya-content--onvideo p {
     color: #f0f0f0;
     margin-bottom: 15px;
 }

 .fblro-antalya-bens {
     margin-top: 18px;
     display: grid;
     grid-template-columns: 1fr;
     gap: 12px;
 }

 .fblro-ben {
     padding: 12px;
     border-radius: 12px;
 }

 .fblro-ben--glass {
     background: rgba(255, 255, 255, .10);
     border: 1px solid rgba(255, 255, 255, .18);
     box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
     backdrop-filter: blur(6px);
 }

 .fblro-antalya-content .fblro-ben {
     display: grid;
     grid-template-columns: 44px 1fr;
     align-items: center;
     column-gap: 12px;
 }

 .fblro-antalya-content .fblro-ben i {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 44px;
     height: 44px;
     min-width: 44px;
     border-radius: 50%;
     background: rgba(255, 255, 255, .14);
     color: var(--fblro-accent);
     font-size: 1.2rem;
     box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
 }

 .fblro-ben-title {
     font-weight: 700;
     color: #fff;
     display: block;
 }

 .fblro-ben-note {
     display: block;
     font-size: .95rem;
     color: #e9eef5;
     margin-top: 2px;
 }

 /* Values */
 .fblro-values {
     padding: 60px 0;
     background: #fff;
 }

 .fblro-values-box {
     background: var(--fblro-soft);
     border-radius: 24px;
     padding: 24px;
 }

 .fblro-brand-frame {
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     align-items: center;
     gap: clamp(8px, 2vw, 24px);
     margin-bottom: 18px;
     position: relative;
 }

 .fblro-brand-header {
     text-align: center;
     display: flex;
     flex-direction: column;
 }

 .fblro-brand-logo {
     height: 56px;
     width: auto;
     object-fit: contain;
     filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08));
 }

 .fblro-brand-tagline {
     display: block;
     margin-top: 8px;
     font-size: .9rem;
     letter-spacing: .06em;
     text-transform: uppercase;
     color: var(--fblro-primary);
     font-weight: 700;
 }

 .fblro-brand-ornament {
     width: clamp(110px, 16vw, 220px);
     height: auto;
     filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .18));
     pointer-events: none;
     user-select: none;
 }

 .fblro-brand-ornament--left {
     justify-self: end;
     transform: rotate(-4deg);
 }

 .fblro-brand-ornament--right {
     justify-self: start;
     transform: rotate(4deg);
 }

 .fblro-values-grid4 {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 18px;
     align-items: stretch;
 }

 .fblro-value-card {
     background: #fff;
     border: 1px solid #eef1f5;
     border-radius: 16px;
     padding: 18px;
     display: flex;
     flex-direction: column;
     gap: 8px;
     transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
 }

 .fblro-value-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, .07);
     border-color: #e8edf7;
 }

 .fblro-value-card h4 {
     margin: 0 0 2px;
     font-size: .85rem;
     letter-spacing: .06em;
     font-weight: 800;
     color: var(--fblro-accent);
     text-transform: uppercase;
 }

 .fblro-value-card h3 {
     margin: 0;
     font-size: 1.15rem;
     line-height: 1.3;
     color: var(--fblro-primary);
     font-weight: 700;
 }

 .fblro-value-card p {
     margin: 0;
     color: var(--fblro-muted);
 }

 .fblro-experienta {
     margin-top: 16px;
     background: #fff;
     border: 1px solid #eef1f5;
     border-radius: 16px;
     padding: 22px;
     text-align: center;
     box-shadow: inset 0 2px 0 rgba(250, 140, 22, .18);
 }

 .fblro-eyebrow {
     display: inline-block;
     margin-bottom: 6px;
     font-size: .8rem;
     letter-spacing: .08em;
     font-weight: 700;
     color: var(--fblro-accent);
     text-transform: uppercase;
 }

 .fblro-experienta-title {
     margin: 0 0 8px;
     font-size: clamp(1.2rem, 2.2vw, 1.6rem);
     color: var(--fblro-primary);
     font-weight: 800;
 }

 .fblro-experienta-text {
     margin: 0 auto;
     max-width: 900px;
     color: var(--fblro-muted);
     font-size: 1rem;
     line-height: 1.65;
 }

 .fblro-footer {
     background: #222;
     color: #ccc;
     text-align: center;
     padding: 28px 0;
     font-size: .95rem;
 }

 .fblro-disclaimer {
     max-width: 900px;
     margin: 12px auto 0;
     font-size: .85rem;
     color: #aaa;
     line-height: 1.5;
     padding: 0 12px;
 }

 .fblro-hidden {
     display: none !important;
 }

 /* Modal */
 .fblro-modal {
     position: fixed;
     inset: 0;
     display: none;
     z-index: 9999;
 }

 .fblro-modal.is-open {
     display: block;
 }

 .fblro-modal__overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, .55);
     opacity: 0;
     transition: opacity .2s ease;
     z-index: 0;
 }

 .fblro-modal.is-open .fblro-modal__overlay {
     opacity: 1;
 }

 .fblro-modal__dialog {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -42%) scale(.96);
     width: min(720px, 96vw);
     background: #fff;
     border-radius: 18px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
     padding: 20px;
     z-index: 1;
     transition: transform .2s ease, opacity .2s ease;
     opacity: 0;
 }

 .fblro-modal.is-open .fblro-modal__dialog {
     transform: translate(-50%, -50%) scale(1);
     opacity: 1;
 }

 .fblro-modal__close {
     position: absolute;
     top: 10px;
     right: 10px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: none;
     background: #f4f6fb;
     cursor: pointer;
     font-size: 22px;
     line-height: 40px;
     color: #333;
 }

 .fblro-modal__grid {
     display: grid;
     grid-template-columns: 1fr 1.15fr;
     gap: 18px;
     align-items: center;
     justify-items: center;
 }

 .fblro-modal__cup {
     background: linear-gradient(135deg, rgba(20, 35, 71, .06), rgba(250, 140, 22, .08));
     border-radius: 14px;
     padding: 12px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .fblro-modal__cup img {
     width: 100%;
     max-width: 260px;
     height: auto;
 }

 .fblro-modal__content {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .fblro-brandbar {
     display: flex;
     align-items: center;
     gap: 14px;
     flex-wrap: wrap;
     justify-content: center;
     border-bottom: 1px dashed #eef1f5;
     padding-bottom: 8px;
     margin-bottom: 4px;
 }

 .fblro-brandbar__item {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .fblro-brandbar img {
     height: 36px;
     width: auto;
     object-fit: contain;
 }

 .fblro-badge {
     display: inline-block;
     align-self: center;
     background: linear-gradient(135deg, #fa8c16, #142347);
     color: #fff;
     font-weight: 800;
     font-size: 1.5rem;
     letter-spacing: .04em;
     padding: 6px 10px;
     border-radius: 999px;
     box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
     text-transform: uppercase;
 }

 .fblro-modal__title {
     margin: 4px 0 2px 0;
     font-size: 1.35rem;
     color: var(--fblro-primary);
     font-weight: 800;
     text-align: center;
 }

 .fblro-modal__text {
     color: var(--fblro-muted);
     line-height: 1.6;
     margin: 0;
     text-align: center;
 }

 .fblro-modal__actions {
     display: flex;
     justify-content: center;
     gap: 10px;
     margin-top: 10px;
 }

 body.fblro-lock {
     overflow: hidden;
 }

 /* ======================
       Client-friendly animations
       ====================== */

 /* On-scroll reveal (fade-up) */
 [data-anim] {
     opacity: 0;
     transform: translateY(16px);
     transition:
         opacity .6s ease,
         transform .6s ease;
     transition-delay: var(--anim-delay, 0s);
     will-change: transform, opacity;
 }

 [data-anim].in {
     opacity: 1;
     transform: none;
 }

 /* Gentle float for cup ornaments */
 @keyframes floaty {
     0% {
         transform: translateY(0) rotate(var(--rot, 0deg));
     }

     50% {
         transform: translateY(-6px) rotate(var(--rot, 0deg));
     }

     100% {
         transform: translateY(0) rotate(var(--rot, 0deg));
     }
 }

 .fblro-brand-ornament--left {
     --rot: -4deg;
     animation: floaty 6s ease-in-out infinite;
     animation-delay: .2s;
 }

 .fblro-brand-ornament--right {
     --rot: 4deg;
     animation: floaty 6.5s ease-in-out infinite;
     animation-delay: .6s;
 }

 /* Soft pulse for 5% badge in modal */
 @keyframes softPulse {
     0%, 100% {
         transform: scale(1);
         box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
     }

     50% {
         transform: scale(1.04);
         box-shadow: 0 10px 22px rgba(0, 0, 0, .14);
     }
 }

 .fblro-modal.is-open .fblro-badge {
     animation: softPulse 2.8s ease-in-out infinite;
 }

 /* Responsive tweaks */
 @media (min-width: 720px) {
     .fblro-antalya-bens {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media (max-width: 560px) {
     .fblro-values-box {
         padding: 16px;
     }

     .fblro-values-grid4 {
         grid-template-columns: 1fr;
     }

     .fblro-brand-frame {
         grid-template-columns: 1fr;
     }

     .fblro-brand-ornament {
         display: none;
     }

     .fblro-modal__grid {
         grid-template-columns: 1fr;
     }

     .fblro-modal__cup img {
         max-width: 320px;
     }

     .voucher_cup_granted img
     {
        max-width:160px !important;
     }

     .fblro-partner-logo {
         height: 36px;
     }

     .fblro-partner-logos {
         gap: 10px;
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .fblro-antalya__video {
         display: none;
     }

     .fblro-antalya--video {
         background: #000 url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
     }

     [data-anim] {
         opacity: 1 !important;
         transform: none !important;
         transition: none !important;
     }

     .fblro-brand-ornament--left,
     .fblro-brand-ornament--right,
     .fblro-modal.is-open .fblro-badge {
         animation: none !important;
     }
 }