/* Deep Ocean Blue - Luxury Sticky Tabs - F2 (Cormorant Garamond + Kanit) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&family=Kanit:wght@300;400;600&display=swap');
.bfp-container{max-width:820px;margin:36px auto;background:linear-gradient(180deg,#021824,#06313a);padding:38px;border-radius:18px;box-shadow:0 20px 50px rgba(2,12,22,0.7);font-family:'Kanit',Arial,Helvetica,sans-serif;color:#e9fbff;}
.bfp-title{font-family:'Cormorant Garamond', serif;font-size:30px;text-align:center;color:#f9e6b8;margin-bottom:8px;font-weight:700;}
.bfp-sub{font-size:14px;text-align:center;color:#cfeff6;margin-bottom:20px;}
.bfp-steps{display:flex;gap:10px;justify-content:space-between;margin-bottom:18px;padding:8px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,0.02), rgba(255,255,255,0.01));}
.sticky-steps{position:sticky;top:12px;z-index:99;}
.bfp-steps .step{flex:1;text-align:center;padding:10px;border-radius:8px;background:transparent;color:#aee9f0;border:1px solid rgba(255,255,255,0.04);cursor:pointer;font-weight:600;}
.bfp-steps .step.active{background:linear-gradient(90deg,#0aa3b5,#d8a43a);color:#04293a;box-shadow:0 8px 20px rgba(10,163,181,0.16);transform:translateY(-4px);}
.bfp-form .step-panel{background:transparent;padding:12px;border-radius:10px;}
.bfp-form label{display:block;font-weight:600;margin-top:10px;color:#dff8fb;}
.bfp-form input[type="text"], .bfp-form input[type="email"], .bfp-form input[type="tel"], .bfp-form input[type="date"], .bfp-form input[type="number"], .bfp-form select, .bfp-form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);font-size:15px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));color:#e6fbff;}
.bfp-form textarea{min-height:120px;}
.bfp-prev, .bfp-next{margin-top:18px;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:#e9fbff;font-weight:700;cursor:pointer;}
.bfp-next{background:linear-gradient(90deg,#0aa3b5,#d8a43a);color:#04293a;box-shadow:0 8px 28px rgba(10,163,181,0.18);margin-left:8px;}
.bfp-submit{margin-top:18px;padding:12px 18px;border-radius:12px;border:none;background:linear-gradient(90deg,#0aa3b5,#d8a43a);color:#04293a;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 30px rgba(10,163,181,0.18);}
.bfp-success{background:#123; padding:12px;border-radius:8px;color:#bff2c7;margin-bottom:12px;text-align:center;}
.bfp-error{background:#2a0b0b;padding:12px;border-radius:8px;color:#ffbdbd;margin-bottom:12px;text-align:center;}
@media(max-width:780px){.bfp-steps{flex-direction:row;overflow-x:auto;padding:6px;} .bfp-steps .step{min-width:120px;} .sticky-steps{top:8px;} .bfp-title{font-size:22px}}