<style>
:root {
  --navy:       #020C27;
  --navy-2:     #0c1e43;
  --gold:       #D1A355;
  --gold-light: #e8c47a;
  --gold-soft:  #f0d9a8;
  --white-08:   rgba(255,255,255,0.08);
  --white-04:   rgba(255,255,255,0.04);
  --muted:      #c9c9c9;
  --shadow-lg:  0 30px 80px rgba(0,0,0,0.35);
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  background:var(--navy);
  font-family:'Montserrat', sans-serif;
  color:#fff;
  overflow-x:hidden;
}

/* ── NAV ──────────────────────────────────────────── */
.top-navbar{
  position:fixed;
  top:0; left:0; right:0;
  z-index:100;
  padding:24px 0;
  transition:.4s ease;
  border-bottom:1px solid transparent;
}
.top-navbar.scrolled{
  background:rgba(2,12,39,.88);
  backdrop-filter:blur(16px);
  border-color:var(--white-08);
  padding:16px 0;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.brand a{ text-decoration:none; }
.logo-img{ height:5.5rem; width:auto; object-fit:contain; }
.nav-links{ display:flex; gap:38px; align-items:center; }
.nav-links a{
  color:rgba(255,255,255,.85);
  text-decoration:none;
  font-size:13px;
  font-weight:500;
  letter-spacing:.06em;
  transition:.3s;
  position:relative;
}
.nav-links a::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:-4px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  transform:scaleX(0);
  transition:.35s;
}
.nav-links a:hover{ color:#fff; }
.nav-links a:hover::after{ transform:scaleX(1); }
.nav-cta{
  padding:11px 26px;
  background:linear-gradient(135deg,#d7b575,#b88b3c);
  border-radius:999px;
  color:#fff !important;
  font-weight:600;
  font-size:13px;
  letter-spacing:.05em;
  transition:.35s;
  box-shadow:0 10px 28px rgba(184,139,60,.28);
}
.nav-cta:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(184,139,60,.38);
}
.nav-cta::after{ display:none !important; }

/* ── HERO BANNER ──────────────────────────────────── */
.contact-hero{
  position:relative;
  height:52vh;
  min-height:380px;
  display:flex;
  align-items:flex-end;
  padding-bottom:72px;
  overflow:hidden;
}
.hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 80% 40%, rgba(209,163,85,.13), transparent 60%),
    radial-gradient(ellipse 50% 80% at 10% 80%, rgba(12,30,67,.8), transparent 55%),
    linear-gradient(180deg, rgba(2,12,39,.55) 0%, rgba(2,12,39,.95) 100%),
    url('../img/hizmet/hukuk-danismanlik-arkaplan.webp') center/cover no-repeat;
}
/* animated line grid */
.hero-bg::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse at 50% 0%, #000 30%, transparent 80%);
}
/* gold orb */
.hero-bg::before{
  content:'';
  position:absolute;
  width:500px; height:500px;
  right:-150px; top:-150px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(209,163,85,.18), transparent 65%);
  filter:blur(40px);
  animation:floatOrb 8s ease-in-out infinite;
}
@keyframes floatOrb{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-22px); }
}
.contact-hero .container{ position:relative; z-index:5; }
.hero-kicker{
  display:inline-block;
  color:var(--gold);
  letter-spacing:.28em;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:18px;
}
.hero-title{
  font-family:'Playfair Display', serif;
  font-size:clamp(3rem,6vw,5.2rem);
  line-height:.95;
  margin-bottom:0;
}
.hero-title span{ color:var(--gold); }
.hero-breadcrumb{
  margin-top:22px;
  display:flex;
  gap:10px;
  align-items:center;
  font-size:13px;
  color:rgba(255,255,255,.55);
}
.hero-breadcrumb a{ color:rgba(255,255,255,.55); text-decoration:none; transition:.3s; }
.hero-breadcrumb a:hover{ color:var(--gold); }
.hero-breadcrumb span{ color:var(--gold); }

/* ── CONTACT STRIP (stats) ────────────────────────── */
.stats-strip{
  background:linear-gradient(90deg, #0b1535, #111d42);
  border-top:1px solid var(--white-08);
  border-bottom:1px solid var(--white-08);
  padding:32px 0;
}
.stat-item{
  display:flex;
  align-items:center;
  gap:20px;
  padding:0 28px;
}
.stat-icon{
  width:58px; height:58px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(209,163,85,.22),rgba(209,163,85,.06));
  border:1px solid rgba(209,163,85,.2);
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem;
  color:var(--gold);
  flex-shrink:0;
}
.stat-label{ font-size:11px; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.15em; margin-bottom:4px; }
.stat-value{ font-size:14px; font-weight:600; color:#fff; line-height:1.4; }
.stat-value a{ color:#fff; text-decoration:none; }
.stat-divider{
  width:1px; height:60px;
  background:var(--white-08);
  align-self:center;
}

/* ── MAIN CONTACT AREA ────────────────────────────── */
.contact-main{
  padding:120px 0 100px;
  background:
    radial-gradient(ellipse 55% 45% at 95% 10%, rgba(209,163,85,.07), transparent 55%),
    var(--navy);
}

/* FORM CARD */
.form-wrap{
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid var(--white-08);
  border-radius:24px;
  padding:56px 52px;
  position:relative;
  overflow:hidden;
}
.form-wrap::before{
  content:'';
  position:absolute;
  width:380px; height:380px;
  left:-180px; bottom:-180px;
  border-radius:50%;
  background:rgba(209,163,85,.07);
  filter:blur(70px);
  pointer-events:none;
}
.form-section-kicker{
  display:inline-block;
  color:var(--gold);
  letter-spacing:.24em;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:14px;
}
.form-title{
  font-family:'Playfair Display', serif;
  font-size:clamp(2rem,3.5vw,3rem);
  line-height:1.1;
  margin-bottom:10px;
}
.form-subtitle{
  color:rgba(255,255,255,.55);
  font-size:14px;
  line-height:1.9;
  margin-bottom:44px;
}
.field-group{ margin-bottom:22px; }
.field-label{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin-bottom:10px;
}
.field-input,
.field-select,
.field-textarea{
  width:100%;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  padding:16px 20px;
  color:#fff;
  font-family:'Montserrat', sans-serif;
  font-size:14px;
  outline:none;
  transition:.3s ease;
  appearance:none;
  -webkit-appearance:none;
}
.field-input::placeholder,
.field-textarea::placeholder{ color:rgba(255,255,255,.3); }
.field-input:focus,
.field-select:focus,
.field-textarea:focus{
  border-color:rgba(209,163,85,.6);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 4px rgba(209,163,85,.1);
}
.field-select{ cursor:pointer; }
.field-select option{ background:#0c1e43; color:#fff; }
.field-textarea{ resize:vertical; min-height:150px; line-height:1.7; }
.select-wrapper{ position:relative; }
.select-wrapper::after{
  content:'▾';
  position:absolute;
  right:18px; top:50%;
  transform:translateY(-50%);
  color:var(--gold);
  pointer-events:none;
  font-size:14px;
}

/* CHECKBOX */
.checkbox-wrap{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:34px;
}
.checkbox-wrap input[type="checkbox"]{
  width:20px; height:20px;
  accent-color:var(--gold);
  flex-shrink:0;
  margin-top:2px;
  cursor:pointer;
}
.checkbox-wrap label{
  font-size:13px;
  color:rgba(255,255,255,.55);
  line-height:1.8;
  cursor:pointer;
}
.checkbox-wrap label a{ color:var(--gold); text-decoration:none; }

/* SUBMIT */
.submit-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:18px 42px;
  background:linear-gradient(135deg,#d7b575,#b88b3c);
  border:none;
  border-radius:999px;
  color:#fff;
  font-family:'Montserrat',sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  cursor:pointer;
  transition:.4s;
  box-shadow:0 18px 40px rgba(184,139,60,.28);
}
.submit-btn:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px rgba(184,139,60,.38);
}
.submit-btn svg{ transition:.3s; }
.submit-btn:hover svg{ transform:translateX(4px); }

/* SUCCESS */
.success-msg{
  display:none;
  align-items:center;
  gap:14px;
  margin-top:20px;
  padding:16px 22px;
  border-radius:14px;
  background:rgba(40,200,100,.1);
  border:1px solid rgba(40,200,100,.25);
  color:#7febb0;
  font-size:14px;
}

/* ERROR */
.error-msg{
  display:none;
  align-items:center;
  gap:14px;
  margin-top:20px;
  padding:16px 22px;
  border-radius:14px;
  background:rgba(240,96,96,.1);
  border:1px solid rgba(240,96,96,.28);
  color:#f5a3a3;
  font-size:14px;
}

.submit-btn[disabled]{
  opacity:.65;
  cursor:not-allowed;
  transform:none !important;
}

/* ── INFO PANEL ───────────────────────────────────── */
.info-panel{ position:sticky; top:110px; }
.info-card{
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid var(--white-08);
  border-radius:24px;
  padding:46px 40px;
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
}
.info-card::after{
  content:'';
  position:absolute;
  width:300px; height:300px;
  right:-150px; top:-150px;
  border-radius:50%;
  background:rgba(209,163,85,.07);
  filter:blur(60px);
  pointer-events:none;
}
.info-item-row{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:22px 0;
  border-bottom:1px solid var(--white-08);
  transition:.3s;
}
.info-item-row:first-child{ padding-top:0; }
.info-item-row:last-child{ border-bottom:none; padding-bottom:0; }
.info-item-row:hover .info-icon{ transform:scale(1.08); background:rgba(209,163,85,.22); }
.info-icon{
  width:52px; height:52px;
  border-radius:15px;
  background:rgba(209,163,85,.12);
  border:1px solid rgba(209,163,85,.18);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem;
  flex-shrink:0;
  transition:.3s;
}
.info-icon svg{ stroke:var(--gold); }
.info-label{
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  margin-bottom:5px;
}
.info-value{
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,.9);
  line-height:1.7;
}
.info-value a{ color:rgba(255,255,255,.9); text-decoration:none; transition:.3s; }
.info-value a:hover{ color:var(--gold); }

/* HOURS CARD */
.hours-card{
  background:linear-gradient(135deg,rgba(209,163,85,.1),rgba(209,163,85,.04));
  border:1px solid rgba(209,163,85,.2);
  border-radius:20px;
  padding:32px 36px;
  margin-bottom:24px;
}
.hours-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:22px;
}
.hours-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hours-row:last-child{ border-bottom:none; }
.hours-day{ font-size:13px; color:rgba(255,255,255,.6); }
.hours-time{ font-size:13px; font-weight:600; color:#fff; }
.hours-badge{
  display:inline-block;
  padding:3px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}
.badge-open{
  background:rgba(40,200,100,.12);
  color:#7febb0;
  border:1px solid rgba(40,200,100,.25);
}
.badge-closed{
  background:rgba(255,80,80,.1);
  color:#f09090;
  border:1px solid rgba(255,80,80,.2);
}

/* SOCIAL CARD */
.social-card{
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid var(--white-08);
  border-radius:20px;
  padding:28px 32px;
}
.social-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  margin-bottom:18px;
}
.social-links{ display:flex; gap:12px; }
.soc-btn{
  width:46px; height:46px;
  border-radius:13px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--white-08);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.65);
  text-decoration:none;
  transition:.3s;
  font-size:1rem;
}
.soc-btn:hover{
  transform:translateY(-4px);
  background:rgba(209,163,85,.15);
  border-color:rgba(209,163,85,.35);
  color:var(--gold);
}

/* ── MAP SECTION ─────────────────────────────────── */
.map-section{
  padding:0 0 120px;
  background:var(--navy);
}
.map-header{
  text-align:center;
  padding-bottom:60px;
}
.map-kicker{
  display:inline-block;
  color:var(--gold);
  letter-spacing:.28em;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:16px;
}
.map-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1;
}
.map-title span{ color:var(--gold); }
.map-wrap{
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--white-08);
  box-shadow:var(--shadow-lg);
  position:relative;
}
.map-wrap iframe{
  display:block;
  width:100%;
  height:480px;
  border:none;
  filter:invert(90%) hue-rotate(180deg) brightness(.85) contrast(.95) saturate(.75);
}
.map-overlay-badge{
  position:absolute;
  bottom:28px; left:28px;
  background:rgba(2,12,39,.88);
  backdrop-filter:blur(14px);
  border:1px solid var(--white-08);
  border-radius:18px;
  padding:18px 24px;
  display:flex;
  align-items:center;
  gap:16px;
}
.map-overlay-badge .pin-icon{
  width:44px; height:44px;
  border-radius:13px;
  background:linear-gradient(135deg,rgba(209,163,85,.28),rgba(209,163,85,.08));
  border:1px solid rgba(209,163,85,.25);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold);
  font-size:1.1rem;
  flex-shrink:0;
}
.map-badge-label{ font-size:10px; color:rgba(255,255,255,.45); letter-spacing:.15em; text-transform:uppercase; margin-bottom:3px; }
.map-badge-value{ font-size:13px; font-weight:600; color:#fff; line-height:1.5; max-width:300px; }

/* ── FAQ ─────────────────────────────────────────── */
.faq-section{
  padding:0 0 120px;
  background:var(--navy);
}
.faq-wrap{
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  border:1px solid var(--white-08);
  border-radius:24px;
  overflow:hidden;
}
.faq-item{
  border-bottom:1px solid var(--white-08);
}
.faq-item:last-child{ border-bottom:none; }
.faq-question{
  width:100%;
  background:none;
  border:none;
  text-align:left;
  padding:28px 36px;
  color:#fff;
  font-family:'Montserrat',sans-serif;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  transition:.3s;
}
.faq-question:hover{ background:rgba(255,255,255,.025); }
.faq-question .faq-icon{
  width:34px; height:34px;
  border-radius:50%;
  background:rgba(209,163,85,.12);
  border:1px solid rgba(209,163,85,.22);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold);
  font-size:1.2rem;
  flex-shrink:0;
  transition:.35s;
}
.faq-question.open .faq-icon{ background:rgba(209,163,85,.24); transform:rotate(45deg); }
.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease, padding .4s ease;
  padding:0 36px;
}
.faq-answer.open{
  max-height:300px;
  padding:0 36px 28px;
}
.faq-answer p{
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:2;
  margin:0;
}

/* ── FOOTER ──────────────────────────────────────── */
.premium-footer{
  padding-top:80px;
  background:#010818;
}
.footer-top{
  display:flex;
  justify-content:space-between;
  gap:60px;
  padding-bottom:50px;
  border-bottom:1px solid var(--white-08);
}
.footer-top p{ color:#bdbdbd; line-height:2; max-width:460px; font-size:14px; }
.footer-top h4{ font-size:16px; margin-bottom:18px; color:var(--gold); letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.footer-top .ft-links{ display:flex; flex-direction:column; gap:10px; }
.footer-top .ft-links a{ color:#bdbdbd; text-decoration:none; font-size:14px; transition:.3s; }
.footer-top .ft-links a:hover{ color:var(--gold); }
.footer-bottom{
  padding:28px 0;
  text-align:center;
}
.footer-bottom p{ color:#6b6b6b; margin:0; font-size:13px; }

/* ── MOBILE FLOAT ─────────────────────────────────── */
.mobile-contact-bar{
  position:fixed;
  right:16px; bottom:18px;
  z-index:9999;
  display:flex; flex-direction:column; gap:12px;
}
.contact-btn{
  width:58px; height:58px;
  border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none; color:white;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  transition:.35s ease;
  border:1px solid rgba(255,255,255,.08);
}
.contact-btn:hover{ transform:translateY(-4px) scale(1.05); color:white; }
.whatsapp-btn{ background:linear-gradient(135deg,#25D366,#128C7E); }
.call-btn{ background:linear-gradient(135deg,#020C27,#0f2f74); }
.location-btn{ background:linear-gradient(135deg,#D1A355,#a67b2e); }
@media(min-width:992px){ .mobile-contact-bar{ display:none; } }

/* ── REVEAL ANIMATION ─────────────────────────────── */
.reveal{
  opacity:0;
  transform:translateY(36px);
  transition:opacity .85s ease, transform .85s ease;
}
.reveal.active{ opacity:1; transform:translateY(0); }
.reveal-left{ transform:translateX(-40px); }
.reveal-right{ transform:translateX(40px); }
.reveal-left.active, .reveal-right.active{ transform:translateX(0); }

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:991px){
  .nav-links{ display:none; }
  .contact-hero{ padding-bottom:52px; }
  .stats-strip .stat-divider{ display:none; }
  .stats-strip .row > div{ border-bottom:1px solid var(--white-08); padding:18px 0; }
  .stats-strip .row > div:last-child{ border-bottom:none; }
  .stat-item{ padding:0 20px; }
  .form-wrap{ padding:36px 28px; }
  .info-panel{ position:static; margin-bottom:32px; }
  .info-card{ padding:34px 28px; }
  .hours-card{ padding:26px 24px; }
  .map-wrap iframe{ height:360px; }
  .map-overlay-badge{ padding:14px 18px; }
  .faq-question{ padding:22px 24px; }
  .faq-answer.open{ padding:0 24px 22px; }
  .footer-top{ flex-direction:column; gap:36px; }
}
@media(max-width:767px){
  .hero-title{ font-size:2.6rem; }
  .contact-main{ padding:72px 0 60px; }
  .form-wrap{ padding:28px 20px; }
}
</style>