:root{
  --bg:#05070b;--bg2:#09111d;--panel:rgba(255,255,255,.065);--panel2:rgba(255,255,255,.1);--text:#f7f2e8;--muted:#aab3c2;--line:rgba(255,255,255,.13);--gold:#d7b46a;--gold2:#f0d79b;--navy:#0b1726;--white:#fff;--max:1180px;--radius:26px;--shadow:0 24px 90px rgba(0,0,0,.38)
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0%,rgba(215,180,106,.14),transparent 30rem),radial-gradient(circle at 90% 5%,rgba(55,105,160,.18),transparent 34rem),var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}input,select,textarea,button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.serif{font-family:"Playfair Display",Georgia,serif}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:1px;background:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.07);font-weight:850;letter-spacing:-.02em;cursor:pointer;transition:.22s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.btn.gold{background:linear-gradient(135deg,#f5d992,#b98d36);color:#111;border:0}.btn.full{width:100%}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;transition:.24s ease}.site-header.scrolled{background:rgba(5,7,11,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:24px;letter-spacing:-.045em}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,var(--gold));color:#05070b;font-family:"Playfair Display",serif;font-weight:900}.brand span:last-child{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:24px;color:rgba(255,255,255,.78);font-size:14px;font-weight:750}.nav-links a:hover,.nav-links a.active{color:var(--gold2)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);color:#fff}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;margin:4px auto}.hero{min-height:92svh;padding:160px 0 80px;display:flex;align-items:center;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,11,.93),rgba(5,7,11,.68),rgba(5,7,11,.48)),linear-gradient(0deg,var(--bg),transparent 35%),var(--hero-img, url('https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=1800&q=85')) center/cover}.hero-grid{display:grid;grid-template-columns:1.08fr .58fr;gap:42px;align-items:end}.hero h1{font-size:clamp(48px,8vw,106px);line-height:.9;letter-spacing:-.075em;margin:18px 0 24px}.hero p{max-width:680px;color:#d4d9e3;font-size:clamp(17px,2vw,21px);margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-card,.glass{border:1px solid var(--line);background:rgba(10,16,25,.72);backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:var(--radius)}.hero-card{padding:22px}.hero-card img{height:235px;width:100%;object-fit:cover;border-radius:20px}.hero-card h3{font-size:24px;line-height:1.1;margin:18px 0 8px}.hero-card p{font-size:14px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.05)}.stat strong{display:block;font-size:24px;color:var(--gold2)}.stat span{font-size:12px;color:var(--muted)}section{padding:84px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-head h2{font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-.055em;margin-top:14px}.section-head p{color:var(--muted);max-width:520px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:var(--radius);overflow:hidden;transition:.24s ease}.card:hover{transform:translateY(-5px);border-color:rgba(215,180,106,.42)}.card-img{height:250px;width:100%;object-fit:cover}.card-body{padding:24px}.meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--gold2);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.card h3{font-size:clamp(22px,2vw,30px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 10px}.card p{color:var(--muted)}.read-more{display:inline-flex;margin-top:18px;color:var(--gold2);font-weight:850}.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center}.feature img{width:100%;height:560px;object-fit:cover;border-radius:var(--radius)}.feature-copy{padding:34px}.feature-copy h2{font-size:clamp(34px,5vw,66px);line-height:.95;letter-spacing:-.06em;margin:14px 0 18px}.feature-copy p{color:#d5d9e3}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.chip{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 13px;color:#d8deea;font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-box{padding:28px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:850;color:var(--gold2);letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.075);border-radius:16px;color:#fff;padding:14px;outline:0}.field textarea{min-height:118px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(215,180,106,.7)}
/* Form select visibility fix */
.field select{
  appearance:auto;
  -webkit-appearance:auto;
  color:#ffffff;
  background-color:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
  cursor:pointer;
}
.field select option,
.field select optgroup{
  color:#0b1220;
  background:#ffffff;
}
.field select option:checked{
  color:#0b1220;
  background:#f0d79b;
}
.field select:invalid,
.field select option[value=""]{
  color:rgba(255,255,255,.68);
}
.field select:focus{
  color:#ffffff;
  background-color:rgba(255,255,255,.14);
}
.form-note{font-size:13px;color:var(--muted);margin-top:12px}.page-hero{padding:150px 0 56px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.page-hero h1{font-size:clamp(46px,7vw,92px);line-height:.9;letter-spacing:-.07em;margin:16px 0}.page-hero p{max-width:720px;color:#d4d9e3;font-size:19px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:42px;align-items:start}.article-body{font-size:18px;color:#dce1ea}.article-body img{border-radius:var(--radius);margin:28px 0}.article-body h2{font-size:38px;line-height:1.05;letter-spacing:-.045em;margin:38px 0 12px;color:#fff}.article-body p,.article-body ul{margin:0 0 18px}.article-body ul{padding-left:22px}.sidebar{position:sticky;top:105px;padding:22px}.side-list{display:grid;gap:12px;margin-top:14px}.side-list a{display:block;border:1px solid var(--line);border-radius:17px;padding:14px;background:rgba(255,255,255,.045);font-weight:750}.site-footer{padding:70px 0 34px;border-top:1px solid var(--line);background:#040609}.footer-grid{display:grid;grid-template-columns:1.1fr repeat(3,.7fr);gap:26px}.footer-grid p,.footer-grid a{color:var(--muted);font-size:14px}.footer-grid h4{margin-bottom:12px;color:#fff}.footer-links{display:grid;gap:8px}.footer-bottom{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.alert{border-radius:18px;padding:15px;margin:0 0 18px;border:1px solid var(--line);background:rgba(255,255,255,.07)}.alert.success{border-color:rgba(98,220,156,.45)}.alert.error{border-color:rgba(255,110,110,.45)}
@media(max-width:980px){.nav-links,.nav-actions .desktop-cta{display:none}.menu-toggle{display:block}.nav-links{position:fixed;inset:82px 16px auto 16px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,10,16,.97);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}body.menu-open .nav-links{display:flex}.nav-links a{padding:14px;border-radius:14px;background:rgba(255,255,255,.045)}.hero-grid,.feature,.article-layout{grid-template-columns:1fr}.hero{padding-top:130px}.hero-card{max-width:520px}.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:14px}.feature img{height:420px}.sidebar{position:static}.form-grid{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav{height:74px}.brand{font-size:21px}.brand-mark{width:38px;height:38px}.nav-links{inset:74px 12px auto 12px}.hero{min-height:auto;padding:124px 0 58px}.hero h1{font-size:50px}.hero-actions .btn{width:100%}.stats,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.card-img{height:220px}.feature img{height:330px}.feature-copy,.form-box{padding:22px}.article-body{font-size:16px}.article-body h2{font-size:30px}.page-hero{padding-top:120px}}


/* HARD FIX: readable native dropdowns across browsers */
.field select{
  color:#ffffff !important;
  background:#1b2129 !important;
  border:1px solid rgba(240,215,155,.42) !important;
  color-scheme: light;
}
.field select:focus{
  color:#ffffff !important;
  background:#1b2129 !important;
  border-color:#d7b46a !important;
}
.field select option,
.field select optgroup{
  color:#111827 !important;
  background:#ffffff !important;
  font-size:16px;
}
.field select option:checked,
.field select option:hover{
  color:#111827 !important;
  background:#f0d79b !important;
}
.field select option:disabled{
  color:#4b5563 !important;
  background:#ffffff !important;
}


max-width:170px;
  height:58px;
  display:flex;
  align-items:center;
}
.site-footer @media(max-width:1100px){
  }
@media(max-width:640px){
  .site-footer }


/* Real YachtVIP logo integration — corrected sizing */
.site-header .logo-brand{
  width:122px;
  height:48px;
  max-width:122px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  flex:0 0 auto;
}
.site-header .logo-brand img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  display:block;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.28));
}
.site-header .nav{
  overflow:visible;
}
.site-footer .logo-brand{
  width:170px;
  height:76px;
  max-width:170px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.site-footer .logo-brand img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  display:block;
}
@media(max-width:980px){
  .site-header .logo-brand{
    width:112px;
    height:46px;
    max-width:112px;
  }
}
@media(max-width:640px){
  .site-header .logo-brand{
    width:96px;
    height:42px;
    max-width:96px;
  }
  .site-footer .logo-brand{
    width:150px;
    height:68px;
    max-width:150px;
  }
}