*{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#0F1A24;
  --gold:#C9A46A;
  --pearl:#F7F6F3;
  --glass:rgba(255,255,255,.55);
  --glass-strong:rgba(255,255,255,.68);
  --text:#1A1A1A;
  --muted:rgba(26,26,26,.7);
}

html{scroll-behavior:smooth}
body{background:var(--pearl);color:var(--text);font-family:'Inter',sans-serif}
h1,h2,h3{font-family:'Cormorant Garamond',serif;letter-spacing:.6px}
a{color:inherit}

.hero{position:relative;height:100vh;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.03)}
.hero::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(rgba(15,26,36,.72), rgba(15,26,36,.58));
  z-index:-1;
}

.navbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 56px;position:fixed;top:0;left:0;right:0;z-index:99;
}
.glass{
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.18);
}
.logo{color:white;font-size:22px;font-weight:500}
.navbar ul{list-style:none;display:flex;gap:28px}
.navbar a{
  color:white;text-decoration:none;transition:transform .25s ease, color .25s ease, opacity .25s ease;
  display:inline-block; padding:8px 10px; border-radius:999px;
}
.navbar a:hover{color:var(--gold);transform:translateY(-1px)}
.navbar a:active{transform:translateY(0px) scale(.98);opacity:.85}

.hero-content{
  height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;color:white;padding:0 18px;
}
.hero-content h1{font-size:72px; line-height:1.05}
.tagline{font-size:22px;margin-top:14px}
.sub{margin-top:8px;opacity:.86}

.glass-main{
  background:var(--glass);
  backdrop-filter:blur(30px);
  margin-top:-90px;
  border-radius:54px 54px 0 0;
  padding-top:110px;
  border-top:1px solid rgba(255,255,255,.35);
}

.section{padding:96px 20px}
.container{max-width:1150px;margin:auto}
.section h2{text-align:center;margin-bottom:46px;font-size:44px}
.lead{max-width:820px;margin:0 auto 14px;text-align:center;color:var(--muted);font-size:16px;line-height:1.7}

.gold-divider{
  width:86px;height:2px;background:var(--gold);margin:28px auto 0;border-radius:99px;
  box-shadow:0 6px 22px rgba(201,164,106,.35);
}

.tabs{display:flex;justify-content:center;gap:14px;margin:26px 0 10px}
.tab-btn{
  padding:10px 22px;border:1px solid rgba(201,164,106,.85);
  background:transparent;border-radius:999px;cursor:pointer;transition:transform .25s ease, background .25s ease, color .25s ease;
}
.tab-btn:hover{transform:translateY(-1px)}
.tab-btn.active{background:var(--gold);color:white}

.tab-content{display:none;text-align:center;max-width:760px;margin:10px auto 0;color:var(--muted);line-height:1.7}
.tab-content.active{display:block}

.about-notes{
  margin-top:34px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.note-card{
  background:rgba(255,255,255,.60);
  border:1px solid rgba(255,255,255,.40);
  backdrop-filter:blur(14px);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.note-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(0,0,0,.09);border-color:rgba(201,164,106,.35)}
.note-card h3{font-size:22px;margin-bottom:6px}
.note-card p{font-size:14px;color:var(--muted);line-height:1.6}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:6px}
.glass-card{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.42);
  backdrop-filter:blur(16px);
  border-radius:20px;overflow:hidden;
  box-shadow:0 20px 46px rgba(0,0,0,.07);
  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}
.glass-card:hover{transform:translateY(-12px);box-shadow:0 34px 70px rgba(0,0,0,.10);border-color:rgba(201,164,106,.35)}
.glass-card:active{transform:translateY(-8px) scale(.99)}
.glass-card img{width:100%;height:190px;object-fit:cover;filter:saturate(1.05);transition:transform .6s ease}
.glass-card:hover img{transform:scale(1.03)}
.glass-card h3{padding:18px 18px 6px;font-size:24px}
.glass-card p{padding:0 18px 22px;font-size:14px;color:rgba(26,26,26,.72);line-height:1.55}

.glass-strip{
  margin-top:28px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.40);
  backdrop-filter:blur(16px);
  border-radius:20px;
  padding:22px 22px 18px;
  box-shadow:0 20px 46px rgba(0,0,0,.06);
}
.glass-strip h3{font-size:26px;margin-bottom:6px}
.glass-strip p{color:var(--muted);line-height:1.6}

.contact-box{max-width:640px}
.contact-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.contact-form label{font-size:13px;color:rgba(26,26,26,.78)}
.contact-form input,.contact-form select,.contact-form textarea{
  padding:12px 12px;border-radius:12px;border:1px solid rgba(15,26,36,.12);
  background:rgba(255,255,255,.72);
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  outline:none;border-color:rgba(201,164,106,.75);
  box-shadow:0 10px 30px rgba(201,164,106,.18);
}
.btn{
  margin-top:6px;
  padding:14px 16px;
  background:linear-gradient(135deg, #D3B079, var(--gold));
  border:none;color:white;border-radius:999px;cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  box-shadow:0 18px 40px rgba(201,164,106,.22);
}
.btn:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 26px 60px rgba(201,164,106,.26)}
.btn:active{transform:translateY(0px) scale(.99)}

.form-note{margin-top:12px;font-size:12px;color:rgba(26,26,26,.6);text-align:center}

footer{
  background:var(--navy);color:white;padding:64px 20px 22px;
}
.footer-content{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px;
  max-width:1150px;margin:auto;
}
footer h3{font-size:28px;margin-bottom:6px}
footer p{font-size:14px;opacity:.86;margin:3px 0}
.footer-badge{
  display:inline-block;margin-top:10px;
  color:rgba(255,255,255,.9);
  border:1px solid rgba(201,164,106,.55);
  padding:8px 12px;border-radius:999px;
}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{
  text-decoration:none;
  color:rgba(255,255,255,.82);
  transition:color .25s ease, transform .25s ease;
}
.footer-links a:hover{color:var(--gold);transform:translateX(2px)}
.footer-links a:active{transform:translateX(0px) scale(.99)}
.copyright{text-align:center;margin-top:22px;font-size:12px;opacity:.6}

.fade{animation:fadeUp 1.15s ease forwards}
.reveal{opacity:0;transform:translateY(38px);transition:1.05s}
.reveal.active{opacity:1;transform:none}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

@media(max-width:768px){
  .navbar{padding:14px 18px}
  .navbar ul{gap:10px}
  .hero-content h1{font-size:46px}
  .tagline{font-size:18px}
  .section h2{font-size:36px}
  .glass-main{border-radius:36px 36px 0 0}
}