/* =========================================================
   Magnum Opus (Modern Static)
   Brand: #E02070
   ========================================================= */

:root{
  --brand:#E02070;
  --brand-2:#ff3b8f;
  --brand-dark:#b61555;

  --blue:#1b66ff;

  --bg:#0b0d12;
  --paper:#ffffff;
  --paper-2:#fbfbfd;

  --text:#101318;
  --muted:#6a6f79;
  --line:rgba(16,19,24,.10);

  --shadow-sm: 0 10px 25px rgba(0,0,0,.10);
  --shadow-md: 0 18px 45px rgba(0,0,0,.14);
  --shadow-lg: 0 28px 70px rgba(0,0,0,.20);

  --radius: 16px;
  --radius-lg: 22px;

  --container: 1180px;

  --ease: cubic-bezier(.2,.8,.2,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:
    radial-gradient(1200px 700px at 10% -10%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(900px 600px at 90% 0%, rgba(27,102,255,.10), transparent 50%),
    linear-gradient(#fff, #fff);
  line-height:1.55;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button, input, textarea{ font:inherit; }

.container{
  width:min(var(--container), calc(100% - 48px));
  margin-inline:auto;
}

/* Accessibility */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* =================== HEADER =================== */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(16,19,24,.08);
}

.topbar{
  padding: 10px 0;
}
.topbar-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
}
.topbar-mail{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#111;
  font-size:14px;
  opacity:.92;
}
.topbar-mail svg{ width:16px; height:16px; opacity:.85; }

.lang{
  display:inline-flex;
  gap:8px;
  align-items:center;
}
.lang-item{
  display:inline-flex;
  width:26px;
  height:18px;
  border-radius:6px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  transition: transform .2s var(--ease);
}
.lang-item:hover{ transform: translateY(-1px); }
.lang img{ width:100%; height:100%; object-fit:cover; }

.navbar{
  padding: 12px 0 14px;
}
.nav-row{
  display:grid;
  grid-template-columns: 240px 1fr auto;
  align-items:center;
  gap:14px;
}

.brand{
  display:flex;
  align-items:center;
}
.brand img{
  width: 210px;
  height:auto;
}

.nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(16,19,24,.04);
  border: 1px solid rgba(16,19,24,.06);
}

.nav a{
  position:relative;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 14px;
  color: rgba(16,19,24,.88);
  letter-spacing:.2px;
  transition: background .2s var(--ease), transform .2s var(--ease), color .2s var(--ease);
}

.nav a:hover{
  background: rgba(224,32,112,.10);
  color: rgba(16,19,24,.92);
  transform: translateY(-1px);
}
.nav a.is-active{
  background: rgba(224,32,112,.16);
  color: rgba(16,19,24,.96);
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.menu-btn{
  display:none;
  width:44px;
  height:44px;
  border-radius: 14px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  cursor:pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  transition: transform .2s var(--ease);
}
.menu-btn:hover{ transform: translateY(-1px); }
.menu-btn svg{ width:22px; height:22px; opacity:.85; }

/* Mobile nav */
.mobile-nav{
  display:none;
  background: rgba(255,255,255,.92);
  border-top: 1px solid rgba(16,19,24,.08);
}
.mobile-nav a{
  display:block;
  padding: 14px 22px;
  border-bottom:1px solid rgba(16,19,24,.06);
  color: rgba(16,19,24,.92);
}
.mobile-nav a.is-active{
  background: rgba(224,32,112,.10);
}
.mobile-nav .mobile-cta{
  font-weight:700;
  color: #fff;
  background: var(--brand);
  border-bottom:none;
}

/* =================== BUTTONS =================== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:none;
  cursor:pointer;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2px;
  user-select:none;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}

.btn-primary{
  color:#fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 16px 40px rgba(224,32,112,.28);
}
.btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 55px rgba(224,32,112,.34);
}

.btn-soft{
  background: rgba(16,19,24,.06);
  color: rgba(16,19,24,.92);
  border: 1px solid rgba(16,19,24,.08);
}
.btn-soft:hover{ transform: translateY(-1px); }

.btn-ghost{
  background: transparent;
  color: rgba(16,19,24,.92);
  border: 1px solid rgba(16,19,24,.10);
  padding: 11px 16px;
}
.btn-ghost:hover{ transform: translateY(-1px); }

/* =================== HERO =================== */
.hero{
  padding: 34px 0 0;
}

.hero-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  align-items:center;
  gap: 42px;
  min-height: 560px;
}

.hero-copy{ max-width: 620px; }

.eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color: rgba(16,19,24,.70);
  font-size: 13px;
  letter-spacing: .35px;
  margin-bottom: 12px;
}
.eyebrow .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 25px rgba(224,32,112,.25);
}

.hero-title{
  margin:0 0 14px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.8px;
  font-size: clamp(34px, 4.2vw, 54px);
}
.hero-title-accent{
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-subline{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size: clamp(18px, 2.1vw, 28px);
  font-weight: 500;
}
.hero-subline .blue{ color: var(--blue); font-weight: 800; }
.hero-subline .thin{ color: rgba(16,19,24,.82); font-weight: 500; }

.hero-lead{
  margin: 18px 0 0;
  color: rgba(16,19,24,.70);
  font-size: 16px;
  max-width: 560px;
}

.hero-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 20px;
}

.hero-metrics{
  margin-top: 22px;
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
}
.metric{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(16,19,24,.08);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 14px 35px rgba(0,0,0,.06);
  min-width: 120px;
}
.metric-k{
  font-weight: 900;
  letter-spacing: .3px;
  font-size: 16px;
}
.metric-t{
  font-size: 12px;
  color: rgba(16,19,24,.60);
  margin-top: 2px;
}

.hero-visual-wrap{
  position:relative;
  justify-self:end;
  width: min(520px, 95%);
}

.hero-visual{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius: 999px;
  overflow:hidden;
  box-shadow: var(--shadow-lg);
  background:
  url("../img/circle.png") center/cover no-repeat;
  border: 1px solid rgba(255,255,255,.55);
}

/* modern “ring” */
.hero-visual::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius: 999px;
  background: conic-gradient(from 180deg, rgba(224,32,112,.55), rgba(27,102,255,.35), rgba(224,32,112,.55));
  filter: blur(12px);
  opacity:.65;
  z-index:0;
}

.hero-visual-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 35%, rgba(255,255,255,.18), rgba(0,0,0,.15) 60%, rgba(0,0,0,.22));
  mix-blend-mode: multiply;
  opacity:.8;
  z-index:1;
}

.hero-visual .m{
  position:absolute;
  inset:-10%;
  background: url("../img/hero-m.svg") center/contain no-repeat;
  transform: rotate(-8deg);
  opacity:.95;
  pointer-events:none;
  z-index:2;
}

.hero-badge{
  position:absolute;
  right: -10px;
  bottom: -14px;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(16,19,24,.10);
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
}
.hero-badge-icon{
  width:40px;
  height:40px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 16px 35px rgba(224,32,112,.25);
  font-weight: 900;
}
.hero-badge-text{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
.hero-badge-text strong{
  font-size: 13px;
}
.hero-badge-text span{
  font-size: 12px;
  color: rgba(16,19,24,.60);
  margin-top: 2px;
}

/* Pink strip like reference but cleaner */
.hero-strip{
  margin-top: 26px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  height: 120px;
  position:relative;
  overflow:hidden;
}
.hero-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 260px at 30% 40%, rgba(255,255,255,.14), transparent 60%),
    radial-gradient(500px 220px at 70% 60%, rgba(0,0,0,.08), transparent 60%);
  opacity:.9;
}
.hero-strip .quote-mark{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-52%);
  font-size: 70px;
  line-height:1;
  color: rgba(255,255,255,.82);
  font-family: Georgia, 'Times New Roman', serif;
  z-index:1;
}

/* =================== QUOTE + CARDS =================== */
.quote-block{
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#fff;
  padding: 58px 0 54px;
  position:relative;
  overflow:hidden;
}

.quote-block::before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(900px 420px at 10% 10%, rgba(255,255,255,.16), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(0,0,0,.12), transparent 55%);
  opacity:.9;
}

.quote{
  position:relative;
  text-align:center;
  max-width: 920px;
  margin: 0 auto 34px;
  z-index:1;
}
.quote .mark{
  font-size: 64px;
  line-height:1;
  opacity:.9;
  font-family: Georgia, 'Times New Roman', serif;
}
.quote p{
  margin: 12px 0 0;
  font-size: clamp(20px, 2.6vw, 34px);
  font-weight: 500;
  letter-spacing: .1px;
}

.cards{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items:stretch;
}

.card{
  position:relative;
  border-radius: 18px;
  overflow:hidden;
  min-height: 320px;
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
  transform: translateZ(0);
  transition: transform .25s var(--ease);
  background:#111;
}

.card:hover{ transform: translateY(-6px); }

.card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter: contrast(1.02) saturate(1.04);
  transform: scale(1.02);
}

.card-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.62)),
    radial-gradient(600px 260px at 20% 25%, rgba(255,255,255,.14), transparent 55%);
}

.card .label{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 22px;
  font-size: clamp(18px, 2.2vw, 30px);
  font-weight: 700;
  letter-spacing: .2px;
  text-shadow: 0 12px 30px rgba(0,0,0,.55);
}
.card .label span{ opacity:.98; }
.card .label .q{ opacity:.85; margin-inline: 8px; }

/* =================== FORM =================== */
.form-section{
  padding: 54px 0 80px;
  background:
    radial-gradient(900px 500px at 10% 0%, rgba(224,32,112,.10), transparent 55%),
    radial-gradient(800px 500px at 90% 20%, rgba(27,102,255,.08), transparent 55%);
}

.form-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,19,24,.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: 28px;
}

.form-head{
  text-align:center;
  padding: 6px 10px 18px;
}
.form-head h2{
  margin:0;
  font-size: 22px;
  letter-spacing: -.2px;
}
.form-head p{
  margin: 8px 0 0;
  color: rgba(16,19,24,.62);
  font-size: 14px;
}

.form{
  max-width: 980px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 18px;
  padding: 10px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.field-full{ grid-column: 1 / -1; }

.field label{
  font-size: 12px;
  color: rgba(16,19,24,.65);
  letter-spacing: .25px;
}

.field input,
.field textarea{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(16,19,24,.12);
  background: rgba(255,255,255,.92);
  padding: 12px 14px;
  outline:none;
  transition: box-shadow .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}

.field textarea{
  min-height: 110px;
  resize: vertical;
}

.field input:focus,
.field textarea:focus{
  border-color: rgba(224,32,112,.45);
  box-shadow: 0 0 0 6px rgba(224,32,112,.12);
}

.form-actions{
  grid-column: 1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.form-note{
  font-size: 12px;
  color: rgba(16,19,24,.56);
}

.form-status{
  grid-column: 1 / -1;
  text-align:center;
  margin-top: 6px;
  font-size: 14px;
}
.form-status.is-ok{ color:#1a7f37; }
.form-status.is-err{ color:#b42318; }

/* =================== FOOTER =================== */
.site-footer{
  background: #0f1116;
  color: rgba(255,255,255,.86);
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.site-footer small{ opacity:.92; }
.site-footer img{
  height: 26px;
  width:auto;
  opacity:.80;
}

/* =================== RESPONSIVE =================== */
@media (max-width: 1024px){
  .nav-row{
    grid-template-columns: 1fr auto;
  }
  .nav{ display:none; }
  .menu-btn{ display:inline-flex; align-items:center; justify-content:center; }
  .mobile-nav{ display:block; }
  .mobile-nav[hidden]{ display:none; }

  .hero-grid{
    grid-template-columns: 1fr;
    gap: 22px;
    min-height: auto;
    padding-bottom: 10px;
  }
  .hero-visual-wrap{ justify-self:center; }
}

@media (max-width: 640px){
  .container{ width: min(var(--container), calc(100% - 28px)); }
  .brand img{ width: 180px; }

  .topbar-mail{ font-size: 13px; }
  .hero-strip{ height: 96px; }

  .cards{ grid-template-columns: 1fr; }
  .card{ min-height: 260px; }

  .form{ grid-template-columns: 1fr; padding: 0; }
  .form-card{ padding: 18px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   ABOUT (Hakkımızda) — scoped (about prefix): .page-about ...
   Assets: ../img/humans.png  |  ../img/hands.png
   Not: Mevcut style.css'i etkilemez.
   ========================================================= */

/* ===== About Hero ===== */
.page-about .page-hero{
  position: relative;
  isolation: isolate;
  padding: 72px 0 56px;
  overflow: hidden;
  border-bottom: 1px solid rgba(16,19,24,.08);
  background:
    radial-gradient(1200px 520px at 10% 0%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(900px 520px at 90% 15%, rgba(27,102,255,.10), transparent 55%),
    linear-gradient(#fff, #fff);
}

.page-about .page-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    /* humans.png */
    url("../img/humans.png") center bottom / cover no-repeat,
    radial-gradient(900px 360px at 20% 25%, rgba(255,255,255,.35), transparent 60%);
  opacity:.42;
  z-index:-2;
  filter: saturate(1.05) contrast(1.02);
}

.page-about .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80) 55%, rgba(255,255,255,.96));
  z-index:-1;
}

.page-about .page-hero .inner{
  position:relative;
  text-align:center;
  max-width: 980px;
  margin: 0 auto;
}

.page-about .page-hero .mark{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 86px;
  line-height: 1;
  margin-bottom: 8px;
  color: rgba(224,32,112,.85);
  text-shadow: 0 20px 60px rgba(224,32,112,.18);
}

.page-about .page-hero h1{
  margin:0 auto;
  max-width: 920px;
  font-weight: 850;
  letter-spacing: -0.8px;
  line-height: 1.08;
  font-size: clamp(28px, 3.4vw, 48px);
  color: rgba(16,19,24,.96);
}

.page-about .page-hero h1::after{
  content:"";
  display:block;
  width: 84px;
  height: 6px;
  margin: 18px auto 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 18px 50px rgba(224,32,112,.22);
}

/* ===== About Split (Misyon / Vizyon) ===== */
.page-about .split{
  position:relative;
  overflow:hidden;
  padding: 56px 0 76px;
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(224,32,112,.08), transparent 55%),
    radial-gradient(900px 520px at 90% 30%, rgba(27,102,255,.07), transparent 55%),
    linear-gradient(#fff, #fff);
}

.page-about .split::before{
  content:"";
  position:absolute;
  inset:-40px -40px -60px -40px;
  background: url("../img/hands.png") right center / 720px auto no-repeat;
  opacity:.18;
  z-index:0;
  filter: saturate(1.05) contrast(1.02);
}

.page-about .split .grid{
  position:relative;
  z-index:1;
  width:min(var(--container), calc(100% - 48px));
  margin-inline:auto;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: stretch;
}

.page-about .split .pane{
  position:relative;
  overflow:hidden;
  border-radius: var(--radius-lg);
  padding: 26px 26px 24px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,19,24,.10);
  box-shadow: var(--shadow-md);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}

.page-about .split .pane:hover{
  transform: translateY(-6px);
  box-shadow: 0 28px 70px rgba(0,0,0,.16);
  border-color: rgba(224,32,112,.18);
}

.page-about .split .pane h2{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .42px;
  font-weight: 900;
  color: rgba(16,19,24,.88);
}

.page-about .split .pane p{
  margin: 0;
  color: rgba(16,19,24,.68);
  font-size: 15px;
  line-height: 1.65;
  max-width: 56ch;
}

.page-about .split .pane::after{
  content:"";
  position:absolute;
  inset:auto -40px -40px auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(224,32,112,.18), transparent 65%);
  z-index:0;
  filter: blur(2px);
}

.page-about .split .pane::before{
  content:"";
  position:absolute;
  left: 18px;
  top: 18px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 14px 35px rgba(224,32,112,.22);
  z-index:0;
}

.page-about .split .icon-bg{
  position:absolute;
  right: 18px;
  bottom: 14px;
  width: 140px;
  height: 140px;
  opacity:.08;
  z-index:0;
  pointer-events:none;
  transform: rotate(-6deg);
}

.page-about .split .pane > *{
  position:relative;
  z-index:1;
}

/* ===== Responsive for About ===== */
@media (max-width: 900px){
  .page-about .page-hero{ padding: 58px 0 44px; }
  .page-about .split{ padding: 46px 0 62px; }
  .page-about .split::before{
    background-position: center 20%;
    background-size: 560px auto;
  }
  .page-about .split .grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .page-about .page-hero .mark{ font-size: 72px; }
  .page-about .split .pane{ padding: 20px 18px; }
  .page-about .split .icon-bg{ width: 120px; height: 120px; }
}

/* =========================================================
   CONGRESS (Kongre Hizmetleri) — scoped: .page-congress ...
   Assets: ../img/humans.png | ../img/hands.png
   ========================================================= */

.page-congress .page-hero{
  position: relative;
  isolation: isolate;
  padding: 64px 0 34px;
  overflow: hidden;
  border-bottom: 1px solid rgba(16,19,24,.08);
  background:
    radial-gradient(1200px 520px at 10% 0%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(900px 520px at 90% 15%, rgba(27,102,255,.10), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-congress .page-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    url("../img/humans.png") center bottom / cover no-repeat;
  opacity:.20;
  z-index:-2;
  filter: saturate(1.05) contrast(1.03);
}

.page-congress .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82) 60%, rgba(255,255,255,.96));
  z-index:-1;
}

.page-congress .page-hero .inner{
  text-align:center;
  max-width: 980px;
  margin: 0 auto;
}

.page-congress .page-hero .mark{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 78px;
  line-height: 1;
  margin-bottom: 6px;
  color: rgba(224,32,112,.85);
  text-shadow: 0 20px 60px rgba(224,32,112,.18);
}

.page-congress .page-hero h1{
  margin:0 auto;
  max-width: 980px;
  font-weight: 850;
  letter-spacing: -0.8px;
  line-height: 1.08;
  font-size: clamp(28px, 3.2vw, 44px);
  color: rgba(16,19,24,.96);
}

.page-congress .page-hero p{
  margin: 12px auto 0;
  max-width: 820px;
  color: rgba(16,19,24,.70);
  font-size: 15px;
}

.page-congress .congress-wrap{
  padding: 22px 0 78px;
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(224,32,112,.08), transparent 55%),
    radial-gradient(900px 520px at 90% 30%, rgba(27,102,255,.07), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-congress .svc-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}

.page-congress .svc-panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--radius-lg);
  padding: 26px;
  background: #12151c;
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 28px 70px rgba(0,0,0,.18);
  transform: translateZ(0);
}

.page-congress .svc-panel::before{
  content:"";
  position:absolute;
  inset:-60px -60px -60px -60px;
  background:
    radial-gradient(900px 420px at 10% 10%, rgba(255,255,255,.10), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(0,0,0,.35), transparent 55%),
    url("../img/pens.png") right center / 720px auto no-repeat;
  opacity:.28;
  z-index:0;
  filter: saturate(1.05) contrast(1.02);
}

.page-congress2 .svc-panel::before{
  content:"";
  position:absolute;
  inset:-60px -60px -60px -60px;
  background:
    radial-gradient(900px 420px at 10% 10%, rgba(255,255,255,.10), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(0,0,0,.35), transparent 55%),
    url("../img/buildings.png") right center / 720px auto no-repeat;
  opacity:.28;
  z-index:0;
  filter: saturate(1.05) contrast(1.02);
}


.page-congress .svc-panel > *{ position:relative; z-index:1; }

.page-congress .svc-title{
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 850;
  letter-spacing: -0.3px;
}

.page-congress .svc-title::after{
  content:"";
  display:block;
  width: 120px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.32);
}

.page-congress .svc-list{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 8px;
}

.page-congress .svc-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(255,255,255,.90);
  font-size: 14px;
  line-height: 1.45;
}

.page-congress .svc-list li::before{
  content:"";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 25px rgba(224,32,112,.22);
}

.page-congress .svc-note{
  margin-top: 14px;
  color: rgba(255,255,255,.70);
  font-size: 12px;
}

.page-congress .svc-cta{
  margin-top: 18px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.page-congress .svc-cta .btn{ padding: 12px 16px; }

.page-congress .svc-cta .btn-soft{
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.14);
}

.page-congress .svc-cta .btn-soft:hover{
  transform: translateY(-1px);
}

.page-congress .mini-features{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.page-congress .mini{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(16,19,24,.08);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 14px 35px rgba(0,0,0,.06);
}

.page-congress .mini b{
  display:block;
  font-size: 13px;
  margin-bottom: 4px;
}

.page-congress .mini span{
  display:block;
  font-size: 12px;
  color: rgba(16,19,24,.62);
}

@media (max-width: 1024px){
  .page-congress .svc-grid{ grid-template-columns: 1fr; }
  .page-congress .mini-features{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  .page-congress .page-hero{ padding: 56px 0 30px; }
  .page-congress .page-hero .mark{ font-size: 70px; }
  .page-congress .svc-panel{ padding: 20px; }
}

/* =========================================================
   MICE (EN) — scoped: .page-mice ...
   Asset: ../img/buildings.png  (EN pages should use ../assets/img/)
   ========================================================= */

.page-mice .page-hero{
  position: relative;
  isolation: isolate;
  padding: 64px 0 34px;
  overflow: hidden;
  border-bottom: 1px solid rgba(16,19,24,.08);
  background:
    radial-gradient(1200px 520px at 10% 0%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(900px 520px at 90% 15%, rgba(27,102,255,.10), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-mice .page-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    url("../img/buildings.png") center bottom / cover no-repeat;
  opacity:.22;
  z-index:-2;
  filter: saturate(1.05) contrast(1.03);
}

.page-mice .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84) 60%, rgba(255,255,255,.96));
  z-index:-1;
}

.page-mice .page-hero .inner{
  text-align:center;
  max-width: 1020px;
  margin: 0 auto;
}

.page-mice .page-hero .mark{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 78px;
  line-height: 1;
  margin-bottom: 6px;
  color: rgba(224,32,112,.85);
  text-shadow: 0 20px 60px rgba(224,32,112,.18);
}

.page-mice .page-hero h1{
  margin:0 auto;
  max-width: 980px;
  font-weight: 850;
  letter-spacing: -0.8px;
  line-height: 1.08;
  font-size: clamp(28px, 3.1vw, 44px);
  color: rgba(16,19,24,.96);
}

.page-mice .page-hero p{
  margin: 12px auto 0;
  max-width: 860px;
  color: rgba(16,19,24,.70);
  font-size: 15px;
}

.page-mice .mice-wrap{
  padding: 22px 0 78px;
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(224,32,112,.08), transparent 55%),
    radial-gradient(900px 520px at 90% 30%, rgba(27,102,255,.07), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-mice .mice-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: stretch;
}

.page-mice .mice-panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--radius-lg);
  padding: 26px;
  background: #12151c;
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 28px 70px rgba(0,0,0,.18);
  transform: translateZ(0);
}

.page-mice .mice-panel::before{
  content:"";
  position:absolute;
  inset:-70px;
  background:
    radial-gradient(900px 420px at 10% 10%, rgba(255,255,255,.10), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(0,0,0,.35), transparent 55%),
    url("../img/buildings.png") right center / 820px auto no-repeat;
  opacity:.26;
  z-index:0;
  filter: saturate(1.05) contrast(1.02);
}

.page-mice .mice-panel > *{ position:relative; z-index:1; }

.page-mice .mice-title{
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -0.3px;
}

.page-mice .mice-title::after{
  content:"";
  display:block;
  width: 140px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.32);
}

.page-mice .mice-sub{
  margin: 10px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  max-width: 60ch;
}

.page-mice .mice-list{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 8px;
}

.page-mice .mice-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(255,255,255,.90);
  font-size: 14px;
  line-height: 1.45;
}

.page-mice .mice-list li::before{
  content:"";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 25px rgba(224,32,112,.22);
}

.page-mice .mice-cta{
  margin-top: 18px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.page-mice .mice-cta .btn{ padding: 12px 16px; }

.page-mice .mice-cta .btn-soft{
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.14);
}

.page-mice .mice-cta .btn-soft:hover{ transform: translateY(-1px); }

.page-mice .mice-points{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
}

.page-mice .point{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(16,19,24,.08);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 14px 35px rgba(0,0,0,.06);
}

.page-mice .point b{
  display:block;
  font-size: 13px;
  margin-bottom: 4px;
}

.page-mice .point span{
  display:block;
  font-size: 12px;
  color: rgba(16,19,24,.62);
}

@media (max-width: 1024px){
  .page-mice .mice-grid{ grid-template-columns: 1fr; }
  .page-mice .mice-points{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  .page-mice .page-hero{ padding: 56px 0 30px; }
  .page-mice .page-hero .mark{ font-size: 70px; }
  .page-mice .mice-panel{ padding: 20px; }
}

/* =========================================================
   HUMAN RESOURCES (TR) — scoped: .page-hr ...
   ========================================================= */

.page-hr .page-hero{
  position: relative;
  isolation: isolate;
  padding: 64px 0 34px;
  overflow:hidden;
  border-bottom: 1px solid rgba(16,19,24,.08);
  background:
    radial-gradient(1200px 520px at 10% 0%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(900px 520px at 90% 15%, rgba(27,102,255,.10), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-hr .page-hero::before{
  content:"";
  position:absolute;
  inset:-50px;
  background:
    radial-gradient(900px 420px at 10% 10%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(27,102,255,.10), transparent 55%);
  opacity:.95;
  z-index:-2;
}

.page-hr .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84) 60%, rgba(255,255,255,.96));
  z-index:-1;
}

.page-hr .page-hero .inner{
  text-align:center;
  max-width: 980px;
  margin: 0 auto;
}

.page-hr .page-hero .mark{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 78px;
  line-height:1;
  margin-bottom: 6px;
  color: rgba(224,32,112,.85);
  text-shadow: 0 20px 60px rgba(224,32,112,.18);
}

.page-hr .page-hero h1{
  margin:0 auto;
  font-weight: 850;
  letter-spacing: -0.8px;
  line-height: 1.08;
  font-size: clamp(28px, 3.1vw, 44px);
  color: rgba(16,19,24,.96);
}

.page-hr .page-hero p{
  margin: 12px auto 0;
  max-width: 860px;
  color: rgba(16,19,24,.70);
  font-size: 15px;
}

.page-hr .hr-wrap{
  padding: 22px 0 78px;
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(224,32,112,.08), transparent 55%),
    radial-gradient(900px 520px at 90% 30%, rgba(27,102,255,.07), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-hr .hr-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.page-hr .hr-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,19,24,.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: 24px;
}

.page-hr .hr-card h2{
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: -0.3px;
}

.page-hr .hr-card p{
  margin: 0;
  color: rgba(16,19,24,.68);
  line-height: 1.65;
  font-size: 14px;
}

.page-hr .hr-card .hint{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(16,19,24,.58);
}

.page-hr .hr-list{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}

.page-hr .hr-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(16,19,24,.78);
  font-size: 14px;
}

.page-hr .hr-list li::before{
  content:"";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 10px 25px rgba(224,32,112,.22);
}

.page-hr .apply-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,19,24,.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: 26px;
}

.page-hr .apply-head{
  text-align:center;
  margin-bottom: 10px;
}

.page-hr .apply-head h3{
  margin:0;
  font-size: 20px;
  letter-spacing: -0.2px;
}

.page-hr .apply-head p{
  margin: 8px 0 0;
  color: rgba(16,19,24,.64);
  font-size: 13px;
}

.page-hr .apply-form{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  margin-top: 14px;
}

.page-hr .apply-field{
  display:flex;
  flex-direction:column;
  gap: 8px;
}

.page-hr .apply-field label{
  font-size: 12px;
  color: rgba(16,19,24,.65);
  letter-spacing: .25px;
}

.page-hr .apply-field input,
.page-hr .apply-field select,
.page-hr .apply-field textarea{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(16,19,24,.12);
  background: rgba(255,255,255,.92);
  padding: 12px 14px;
  outline:none;
  transition: box-shadow .2s var(--ease), border-color .2s var(--ease);
}

.page-hr .apply-field textarea{
  min-height: 110px;
  resize: vertical;
}

.page-hr .apply-field input:focus,
.page-hr .apply-field select:focus,
.page-hr .apply-field textarea:focus{
  border-color: rgba(224,32,112,.45);
  box-shadow: 0 0 0 6px rgba(224,32,112,.12);
}

.page-hr .apply-full{ grid-column: 1 / -1; }

.page-hr .apply-actions{
  grid-column: 1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.page-hr .apply-note{
  grid-column: 1 / -1;
  text-align:center;
  font-size: 12px;
  color: rgba(16,19,24,.56);
  margin-top: 6px;
}

@media (max-width: 1024px){
  .page-hr .hr-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  .page-hr .page-hero{ padding: 56px 0 30px; }
  .page-hr .page-hero .mark{ font-size: 70px; }
  .page-hr .hr-card,
  .page-hr .apply-card{ padding: 18px; }
  .page-hr .apply-form{ grid-template-columns: 1fr; }
}

/* =========================================================
   CONTACT (TR) — scoped: .page-contact ...
   ========================================================= */

.page-contact .page-hero{
  position: relative;
  isolation: isolate;
  padding: 64px 0 34px;
  overflow:hidden;
  border-bottom: 1px solid rgba(16,19,24,.08);
  background:
    radial-gradient(1200px 520px at 10% 0%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(900px 520px at 90% 15%, rgba(27,102,255,.10), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-contact .page-hero::before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(900px 420px at 10% 10%, rgba(224,32,112,.12), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(27,102,255,.10), transparent 55%);
  opacity:.95;
  z-index:-2;
}

.page-contact .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84) 60%, rgba(255,255,255,.96));
  z-index:-1;
}

.page-contact .page-hero .inner{
  text-align:center;
  max-width: 980px;
  margin: 0 auto;
}

.page-contact .page-hero .mark{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 78px;
  line-height:1;
  margin-bottom: 6px;
  color: rgba(224,32,112,.85);
  text-shadow: 0 20px 60px rgba(224,32,112,.18);
}

.page-contact .page-hero h1{
  margin:0 auto;
  font-weight: 850;
  letter-spacing: -0.8px;
  line-height: 1.08;
  font-size: clamp(28px, 3.1vw, 44px);
  color: rgba(16,19,24,.96);
}

.page-contact .page-hero p{
  margin: 12px auto 0;
  max-width: 860px;
  color: rgba(16,19,24,.70);
  font-size: 15px;
}

.page-contact .contact-wrap{
  padding: 22px 0 78px;
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(224,32,112,.08), transparent 55%),
    radial-gradient(900px 520px at 90% 30%, rgba(27,102,255,.07), transparent 55%),
    linear-gradient(#fff,#fff);
}

.page-contact .contact-grid{
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 18px;
  align-items: start;
}

.page-contact .contact-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,19,24,.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: 24px;
}

.page-contact .contact-card h2{
  margin: 0 0 10px;
  font-size: 20px;
  letter-spacing: -0.3px;
}

.page-contact .contact-card p{
  margin: 0;
  color: rgba(16,19,24,.68);
  line-height: 1.65;
  font-size: 14px;
}

.page-contact .contact-items{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}

.page-contact .contact-items a{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(16,19,24,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 35px rgba(0,0,0,.06);
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);
}

.page-contact .contact-items a:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(0,0,0,.10);
  border-color: rgba(224,32,112,.18);
}

.page-contact .ci-ico{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 16px 35px rgba(224,32,112,.22);
  flex: 0 0 auto;
}

.page-contact .ci-ico svg{ width: 20px; height: 20px; opacity: .95; }

.page-contact .ci-txt{
  display:flex;
  flex-direction:column;
  gap: 2px;
  line-height: 1.2;
}

.page-contact .ci-txt b{
  font-size: 13px;
  color: rgba(16,19,24,.92);
}

.page-contact .ci-txt span{
  font-size: 13px;
  color: rgba(16,19,24,.68);
}

.page-contact .map{
  margin-top: 14px;
  border-radius: var(--radius-lg);
  overflow:hidden;
  border: 1px solid rgba(16,19,24,.10);
  background: rgba(16,19,24,.04);
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.page-contact .map iframe{
  width:100%;
  height: 280px;
  border:0;
  display:block;
}

.page-contact .form-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,19,24,.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: 26px;
}

.page-contact .form-head{
  text-align:center;
  padding: 0 8px 12px;
}

.page-contact .form-head h2{
  margin:0;
  font-size: 20px;
  letter-spacing: -0.2px;
}

.page-contact .form-head p{
  margin: 8px 0 0;
  color: rgba(16,19,24,.62);
  font-size: 13px;
}

.page-contact .form{
  max-width: none;
  margin: 0;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  padding: 10px 0 0;
}

.page-contact .field textarea{ min-height: 120px; }

.page-contact .form-actions{
  justify-content: center;
  text-align:center;
}

.page-contact .form-note{
  display:block;
  font-size: 12px;
  color: rgba(16,19,24,.56);
  max-width: 520px;
  line-height: 1.4;
}

@media (max-width: 1024px){
  .page-contact .contact-grid{ grid-template-columns: 1fr; }
  .page-contact .map iframe{ height: 260px; }
}

@media (max-width: 640px){
  .page-contact .page-hero{ padding: 56px 0 30px; }
  .page-contact .page-hero .mark{ font-size: 70px; }
  .page-contact .contact-card,
  .page-contact .form-card{ padding: 18px; }
  .page-contact .form{ grid-template-columns: 1fr; padding: 0; }
}
.mo-modal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; }
.mo-modal[hidden] { display: none; }
.mo-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.mo-modal__card {
  position: relative;
  width: min(520px, calc(100% - 32px));
  background: #fff;
  color: #111;
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.mo-modal__card h3 { margin: 0 0 8px; font-size: 18px; }
.mo-modal__card p { margin: 0 0 14px; line-height: 1.5; }