/* ============================================================
   Arkivo tanıtım sitesi, giriş ve kayıt — Ege Tasarım Merkezi görsel dili
   (egetasarimmerkezi.com teması: lacivert + turkuaz, Plus Jakarta Sans / Inter)
   ============================================================ */
:root {
  --navy-950: #051428; --navy-900: #081D38; --navy: #0B2545; --navy-700: #13315C; --navy-600: #1D4273; --navy-100: #E7EDF5;
  --teal: #17B3A3; --teal-600: #12998B; --teal-700: #0E7C70; --teal-100: #D5F3EF; --teal-50: #EEFAF8;
  --ink: #0B1B30; --text: #3A4658; --muted: #667085; --line: #E3E8EF; --line-2: #EFF2F6; --bg: #FFFFFF; --bg-alt: #F7F9FC;
  --font-display: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --radius: 16px; --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(11,37,69,.06); --shadow-md: 0 10px 30px -12px rgba(11,37,69,.18); --shadow-lg: 0 30px 60px -24px rgba(11,37,69,.32);
  --ease: cubic-bezier(.22,.61,.36,1);
  --ok: #12998B; --danger: #b42318;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
[dir=rtl] body, html[lang=ar] body, html[lang=fa] body { font-family: "Vazirmatn", var(--font-body); }
a { color: var(--teal-700); text-decoration: none; transition: color .2s var(--ease); }
a:hover { color: var(--navy); }
h1, h2, h3, h4 { margin: 0; font-family: var(--font-display); color: var(--ink); line-height: 1.15; letter-spacing: -.01em; font-weight: 800; }
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4 { font-family: "Vazirmatn", var(--font-display); letter-spacing: 0; }
h3 { font-weight: 700; }
::selection { background: var(--teal); color: var(--navy-950); }
:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; border-radius: 4px; }
.ico { flex: none; vertical-align: middle; }
.muted { color: var(--muted); }
.small { font-size: 13.5px; }
.center { text-align: center; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 28px); }
.wrap.narrow { max-width: 780px; }
.grad { color: var(--teal); }

/* düğmeler (hap biçimi) */
.btn { --btn-bg: var(--navy); --btn-fg: #fff; --btn-bd: var(--navy);
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 24px;
  font-family: var(--font-display); font-weight: 700; font-size: 15.5px; line-height: 1.2;
  color: var(--btn-fg); background: var(--btn-bg); border: 1.5px solid var(--btn-bd); border-radius: 999px; white-space: nowrap; cursor: pointer;
  transition: transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease); }
.btn:hover { color: var(--btn-fg); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.btn-sm { min-height: 42px; padding: 9px 18px; font-size: 14.5px; }
.btn-lg { min-height: 54px; padding: 14px 28px; }
.btn-block { width: 100%; }
.btn-primary { --btn-bg: var(--navy); --btn-bd: var(--navy); }
.btn-primary:hover { --btn-bg: var(--navy-700); --btn-bd: var(--navy-700); }
.btn-accent, .btn-acc, .btn-grad { --btn-bg: var(--teal); --btn-fg: var(--navy-950); --btn-bd: var(--teal); }
.btn-accent:hover, .btn-acc:hover, .btn-grad:hover { --btn-bg: #2BC7B7; --btn-bd: #2BC7B7; }
.btn-outline, .btn-soft { --btn-bg: transparent; --btn-fg: var(--navy); --btn-bd: var(--line); }
.btn-outline:hover, .btn-soft:hover { --btn-bd: var(--navy); }
.btn-white { --btn-bg: #fff; --btn-fg: var(--navy); --btn-bd: #fff; }
.btn-ghost-light { --btn-bg: rgba(255,255,255,.04); --btn-fg: #fff; --btn-bd: rgba(255,255,255,.28); }
.btn-ghost-light:hover { --btn-bg: rgba(255,255,255,.1); --btn-bd: #fff; }

/* üst iletişim şeridi */
.topstrip { background: var(--navy-950); color: #9FB1C9; font-size: 13.5px; }
.topstrip-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 42px; }
.topstrip-g { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.topstrip a, .topstrip span { display: inline-flex; align-items: center; gap: 8px; color: #C2D0E2; }
.topstrip a:hover { color: #fff; }
.topstrip .ico { color: var(--teal); }
@media (max-width: 760px) { .topstrip { display: none; } }

/* başlık */
.nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.96); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--line); }
.nav-in { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 800; font-size: 20px; color: var(--navy); letter-spacing: -.02em; }
.brand:hover { color: var(--navy); }
.brand small { display: block; font-size: 9.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--teal-700); margin-top: -3px; }
.brand-t { display: flex; flex-direction: column; line-height: 1.15; }
.brand-mark { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; color: var(--teal); background: var(--navy); }
.brand-light, .foot .brand { color: #fff; }
.brand-light small, .foot .brand small { color: var(--teal); }
.nav-links { display: flex; align-items: center; gap: 2px; }
.nav-links > a:not(.btn) { color: var(--ink); font-weight: 600; font-size: 15px; padding: 8px 12px; border-radius: 8px; }
.nav-links > a:not(.btn):hover { color: var(--teal-700); }
.nav-links .btn { margin-inline-start: 6px; }
.nav-sep { width: 1px; height: 22px; background: var(--line); margin: 0 6px; }
.nav-t, .nav-burger { display: none; }
@media (max-width: 980px) {
  .nav-in { min-height: 70px; }
  .nav-burger { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; cursor: pointer; color: var(--navy); }
  .nav-links { position: absolute; top: 70px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 2px; padding: 12px 16px 20px; background: #fff; border-bottom: 1px solid var(--line); box-shadow: var(--shadow-md); display: none; }
  .nav-links .btn { margin: 8px 0 0; }
  .nav-sep { display: none; }
  .nav-t:checked ~ .nav-links { display: flex; }
}

/* dil menüsü */
.top-lang { position: relative; }
.top-lang summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 8px; font-weight: 700; font-size: 13px; color: var(--ink); }
.top-lang summary::-webkit-details-marker { display: none; }
.top-lang summary:hover, .top-lang[open] summary { background: var(--bg-alt); }
.top-lang-menu { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 60; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); box-shadow: var(--shadow-md); padding: 6px; min-width: 180px; display: grid; }
.top-lang-menu a { padding: 8px 12px; border-radius: 6px; color: var(--ink); font-weight: 500; font-size: 14px; }
.top-lang-menu a:hover { background: var(--bg-alt); }
.top-lang-menu a.on { background: var(--teal-50); color: var(--teal-700); font-weight: 700; }
@media (max-width: 980px) { .nav-links .top-lang-menu { position: static; box-shadow: none; } }
.auth-top .top-lang summary { color: var(--muted); }

.alert { padding: 12px 16px; border-radius: var(--radius-sm); margin: 14px 0; font-size: 14.5px; border: 1px solid; }
.alert-ok { background: var(--teal-50); border-color: var(--teal-100); color: var(--teal-700); }
.alert-error { background: #fffbfa; border-color: #fecdca; color: #912018; }
.alert-info { background: var(--navy-100); border-color: #cfdbea; color: var(--navy); }
.alert-warn { background: #fffcf5; border-color: #fedf89; color: #93370d; }

/* hero */
.hero { position: relative; overflow: hidden; isolation: isolate; color: #C9D5E6;
  background: radial-gradient(900px 480px at 88% 10%, rgba(23,179,163,.22), transparent 60%), radial-gradient(700px 420px at 0% 100%, rgba(29,66,115,.8), transparent 70%), var(--navy);
  padding-block: clamp(64px, 8vw, 112px) clamp(96px, 11vw, 150px); }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse at 70% 30%, #000 10%, transparent 70%); mask-image: radial-gradient(ellipse at 70% 30%, #000 10%, transparent 70%); }
.hero-in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(40px, 5vw, 72px); align-items: center; }
.hero-in > * { min-width: 0; }
.eyebrow, .kicker { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--teal-700); }
.eyebrow::before, .kicker::before { content: ""; width: 22px; height: 2px; background: var(--teal); border-radius: 2px; }
.hero .eyebrow { color: var(--teal); }
.hero h1 { color: #fff; font-size: clamp(36px, 1.5rem + 3.2vw, 62px); letter-spacing: -.02em; margin: 16px 0 22px; overflow-wrap: break-word; }
.hero h1 .grad { color: var(--teal); }
.lead { font-size: clamp(17px, 1rem + .3vw, 19px); color: #B6C5D9; max-width: 600px; margin: 0; }
.hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 34px 0 0; }
.hero-ok { list-style: none; padding: 0; margin: 30px 0 0; display: flex; gap: 10px 22px; flex-wrap: wrap; color: #B6C5D9; font-size: 14.5px; }
.hero-ok li { display: inline-flex; gap: 8px; align-items: center; }
.hero-ok .ico { color: var(--teal); }
@media (max-width: 1000px) { .hero-in { grid-template-columns: 1fr; } }

/* ürün ekranı maketi */
.app-mock { width: 100%; border-radius: 14px; background: #fff; box-shadow: 0 40px 80px -30px rgba(0,0,0,.55); overflow: hidden; font-size: 13px; color: var(--text); }
.am-bar { display: flex; align-items: center; gap: 6px; padding: 10px 12px; background: #f3f6fa; border-bottom: 1px solid var(--line); }
.am-bar i { width: 9px; height: 9px; border-radius: 50%; background: #d0d5dd; }
.am-bar i:nth-child(1) { background: #f97066; } .am-bar i:nth-child(2) { background: #fdb022; } .am-bar i:nth-child(3) { background: #32d583; }
.am-bar span { margin-inline-start: 10px; flex: 1; display: flex; gap: 6px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; color: var(--muted); }
.am-body { display: grid; grid-template-columns: 170px 1fr; min-height: 320px; }
.am-side { background: var(--navy-900); color: #A9BAD1; padding: 12px 8px; display: grid; align-content: start; gap: 2px; font-size: 12px; }
.am-side b { color: #fff; padding: 4px 8px 10px; font-size: 13px; display: flex; gap: 8px; align-items: center; font-family: var(--font-display); }
.am-side b i { width: 18px; height: 18px; border-radius: 5px; background: var(--teal); }
.am-side span { display: flex; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 6px; white-space: nowrap; overflow: hidden; }
.am-side span.on { background: rgba(23,179,163,.16); color: #fff; }
.am-side span.on .ico { color: var(--teal); }
.am-main { padding: 14px; display: grid; gap: 10px; align-content: start; }
.am-crumb { color: var(--muted); font-size: 11.5px; }
.am-head { display: flex; justify-content: space-between; align-items: center; }
.am-head b { font-size: 15px; color: var(--ink); font-family: var(--font-display); }
.am-head em { font-style: normal; font-size: 11px; font-weight: 700; background: var(--teal); color: var(--navy-950); padding: 4px 11px; border-radius: 999px; }
.am-doc { display: flex; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 10px; padding: 9px 10px; }
.am-doc div { display: flex; flex-direction: column; min-width: 0; }
.am-doc b { color: var(--ink); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-doc small { color: var(--muted); font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; gap: 4px; align-items: center; }
.am-doc mark { background: var(--teal-100); color: var(--ink); padding: 0 2px; border-radius: 2px; }
.am-ext { flex: none; width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; font-size: 9px; font-weight: 800; }
.am-ext.pdf { background: #fef3f2; color: #b42318; }
.am-ext.img { background: #f4f3ff; color: #5925dc; }
.am-ext.doc { background: var(--navy-100); color: var(--navy-600); }
.am-tag { margin-inline-start: auto; font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--teal-50); color: var(--teal-700); white-space: nowrap; }
.am-tag.warn { background: #fffaeb; color: #b54708; }
@media (max-width: 560px) { .am-body { grid-template-columns: 1fr; } .am-side { display: none; } }

/* rakam kartı (hero'ya biner) */
.trust { position: relative; z-index: 2; margin-top: calc(-1 * clamp(44px, 5vw, 64px)); }
.trust-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-md); }
.trust-in div { display: flex; gap: 14px; align-items: center; padding: clamp(20px, 2.4vw, 28px); }
.trust-in div + div { border-inline-start: 1px solid var(--line); }
.trust-in .ico { color: var(--teal-700); }
.trust-in b { display: block; font-family: var(--font-display); font-size: 19px; font-weight: 800; color: var(--navy); letter-spacing: -.02em; }
.trust-in span { display: block; font-size: 13.5px; color: var(--muted); line-height: 1.45; }
@media (max-width: 900px) { .trust-in { grid-template-columns: 1fr 1fr; } .trust-in div:nth-child(3) { border-inline-start: 0; } .trust-in div:nth-child(n+3) { border-top: 1px solid var(--line); } }
@media (max-width: 520px) { .trust-in { grid-template-columns: 1fr; } .trust-in div + div { border-inline-start: 0; border-top: 1px solid var(--line); } }

/* bölümler */
.sec { padding-block: clamp(64px, 8vw, 112px); }
.sec-soft { background: var(--bg-alt); }
.sec-h { max-width: 760px; margin: 0 0 clamp(32px, 4vw, 56px); }
.sec-h.center { margin-inline: auto; text-align: center; }
.sec-h h2 { font-size: clamp(27px, 1.2rem + 1.6vw, 40px); margin-top: 14px; }
.sec-h p { color: var(--muted); margin: 14px 0 0; font-size: clamp(16.5px, 1rem + .3vw, 19px); }

.feat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.2vw, 28px); }
.feat { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(22px, 2.4vw, 30px); transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease); }
.feat:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: #CFD8E4; }
.feat-i { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 20px; border-radius: 14px; background: var(--teal-50); color: var(--teal-700); transition: background .25s var(--ease), color .25s var(--ease); }
.feat:hover .feat-i { background: var(--navy); color: var(--teal); }
.feat h3 { font-size: 18px; margin-bottom: 10px; }
.feat p { margin: 0; color: var(--muted); font-size: 15px; }
@media (max-width: 1000px) { .feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .feat-grid { grid-template-columns: 1fr; } }

/* nasıl çalışır: adım kutuları */
.flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.flow li { position: relative; counter-increment: step; padding: 24px 22px 22px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.flow li::before { content: counter(step, decimal-leading-zero); display: block; margin-bottom: 14px; font-family: var(--font-display); font-size: 15px; font-weight: 800; color: var(--teal-700); }
.flow h3 { font-size: 17px; margin-bottom: 6px; }
.flow p { margin: 0; font-size: 14.5px; color: var(--muted); }

/* depolama */
.cloud-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.2vw, 28px); }
.cloud-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(22px, 2.4vw, 28px); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.cloud-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.cloud-card h3 { font-size: 18px; margin: 18px 0 8px; }
.cloud-card p { margin: 0; color: var(--muted); font-size: 15px; }
.cc-logo { width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; color: #fff; }
.cc-gd { background: #1a7f37; }
.cc-od { background: #0067b8; }
.cc-s3 { background: #c4320a; }
.cc-lo { background: var(--navy); color: var(--teal); }
@media (max-width: 1000px) { .cloud-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .cloud-grid { grid-template-columns: 1fr; } }

/* güvenlik bandı */
.secure { background: var(--navy); color: #C9D5E6; }
.secure .sec-h h2 { color: #fff; }
.secure .sec-h p { color: #A9BAD1; }
.secure .kicker { color: var(--teal); }
.secure-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.secure-grid div { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius); padding: 26px; }
.secure-grid .ico { color: var(--teal); }
.secure-grid h3 { color: #fff; font-size: 17px; margin: 14px 0 8px; }
.secure-grid p { margin: 0; font-size: 14.5px; color: #A9BAD1; }
@media (max-width: 900px) { .secure-grid { grid-template-columns: 1fr; } }

/* fiyatlar */
.price-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(18px, 2.2vw, 28px); align-items: stretch; }
.price { position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; display: flex; flex-direction: column; }
.price.is-featured { background: var(--navy); color: #C9D5E6; border-color: var(--navy); box-shadow: var(--shadow-lg); }
.price.is-featured h3, .price.is-featured .price-n b { color: #fff; }
.price.is-featured .price-sum, .price.is-featured .price-y, .price.is-featured .price-n span { color: #A9BAD1; }
.price.is-featured .plan-feats { border-color: rgba(255,255,255,.12); }
.price.is-featured .plan-feats li.off { color: rgba(255,255,255,.35); }
.price-flag { position: absolute; top: 22px; inset-inline-end: 22px; background: var(--teal); color: var(--navy-950); font-family: var(--font-display); font-size: 12px; font-weight: 700; padding: 4px 11px; border-radius: 999px; }
.price h3 { font-size: 22px; }
.price-sum { color: var(--muted); font-size: 14.5px; margin: 8px 0 0; min-height: 46px; }
.price-n { display: flex; align-items: baseline; gap: 6px; margin-top: 22px; }
.price-n b { font-family: var(--font-display); font-size: 42px; font-weight: 800; letter-spacing: -.03em; color: var(--navy); line-height: 1; }
.price-n span, .price-y { color: var(--muted); }
.price-y { margin: 6px 0 22px; font-size: 14px; }
.price .btn-accent { --btn-fg: var(--navy-950); }
.plan-feats { list-style: none; margin: 24px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); display: grid; gap: 11px; font-size: 15px; }
.plan-feats li { display: flex; gap: 10px; align-items: center; }
.plan-feats li.on .ico { color: var(--teal); }
.plan-feats li.off { color: #98a2b3; }

/* SSS */
.faq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.faq { display: grid; gap: 12px; }
.faq details { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 18px 22px; }
.faq details[open] { border-color: var(--teal-100); box-shadow: var(--shadow-sm); }
.faq summary { cursor: pointer; list-style: none; font-family: var(--font-display); font-weight: 700; font-size: 16.5px; color: var(--ink); display: flex; justify-content: space-between; gap: 16px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-size: 22px; line-height: 1; color: var(--teal-700); font-weight: 600; }
.faq details[open] summary::after { content: "–"; }
.faq p { margin: 10px 0 0; color: var(--muted); font-size: 15px; }
@media (max-width: 900px) { .faq-wrap { grid-template-columns: 1fr; } }

/* çağrı bandı */
.cta { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 28px; flex-wrap: wrap; border-radius: 22px; padding: clamp(32px, 4vw, 52px) clamp(28px, 4vw, 56px); color: #C9D5E6;
  background: radial-gradient(600px 300px at 100% 0%, rgba(23,179,163,.28), transparent 60%), var(--navy); }
.cta h2 { color: #fff; font-size: clamp(24px, 1.2rem + 1.4vw, 34px); }
.cta p { margin: 8px 0 0; color: #A9BAD1; }
.cta-b { display: flex; gap: 12px; flex-wrap: wrap; }

/* alt bilgi */
.foot { background: var(--navy-950); color: #91A5C0; font-size: 15px; padding: clamp(56px, 7vw, 88px) 0 28px; }
.foot-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: clamp(28px, 3.4vw, 48px); }
.foot-in p { margin: 16px 0 0; max-width: 340px; }
.foot h4 { margin: 0 0 16px; color: #fff; font-size: 15px; }
.foot-c { display: grid; gap: 10px; }
.foot-c a, .foot-b a { color: #A9BAD1; display: inline-flex; gap: 8px; align-items: center; }
.foot-c a:hover, .foot-b a:hover { color: var(--teal); }
.foot-c .ico { color: var(--teal); }
.foot-b { margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.08); font-size: 14px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@media (max-width: 760px) { .foot-in { grid-template-columns: 1fr; } }

/* mesaj sayfası */
main > .sec:first-child { padding-top: 72px; }
.msg-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 48px 28px; box-shadow: var(--shadow-md); }
.msg-ico { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 16px; display: grid; place-items: center; background: var(--teal-50); color: var(--teal-700); }
.msg-card h1 { font-size: 28px; margin-bottom: 10px; }
.msg-card p { margin: 0 0 24px; }

/* giriş / kayıt */
.auth-body { background: var(--bg-alt); }
.auth { display: grid; grid-template-columns: 460px 1fr; min-height: 100vh; }
.auth-side { position: relative; overflow: hidden; isolation: isolate; color: #C9D5E6; padding: 40px 44px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px;
  background: radial-gradient(500px 340px at 100% 0%, rgba(23,179,163,.22), transparent 60%), radial-gradient(500px 340px at 0% 100%, rgba(29,66,115,.8), transparent 70%), var(--navy); }
.auth-side h2 { color: #fff; font-size: 28px; line-height: 1.25; }
.auth-ok { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 14px; }
.auth-ok li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: #B6C5D9; }
.auth-ok .ico { color: var(--teal); margin-top: 4px; }
.auth-side small { color: #7f93ad; }
.auth-main { position: relative; display: grid; place-items: center; padding: 64px 24px; }
.auth-top { position: absolute; top: 16px; inset-inline-end: 20px; }
.auth-box { width: 100%; max-width: 460px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 38px 36px; box-shadow: var(--shadow-md); }
.auth-box h1 { font-size: 26px; }
.auth-box > p { margin: 6px 0 22px; }
.auth-brand { display: none; margin-bottom: 22px; }
.aform { display: grid; gap: 15px; }
.field { display: grid; gap: 6px; min-width: 0; }
.field > span { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.field small { color: var(--muted); font-size: 12.5px; }
.aform input[type=text], .aform input[type=email], .aform input[type=password], .aform input[type=tel], .aform select {
  width: 100%; font: inherit; font-size: 15px; padding: 12px 14px; border: 1px solid #D0D8E3; border-radius: var(--radius-sm); background: #fff; color: var(--ink); }
.aform input:focus, .aform select:focus { outline: 0; border-color: var(--teal); box-shadow: 0 0 0 4px rgba(23,179,163,.15); }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--muted); cursor: pointer; }
.check input { margin-top: 4px; accent-color: var(--teal-600); }
.auth-alt { text-align: center; font-size: 14.5px; color: var(--muted); margin: 20px 0 0; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.auth-demo { margin-top: 20px; background: var(--bg-alt); border: 1px dashed #CBD5E1; border-radius: var(--radius-sm); padding: 12px 14px; font-size: 13px; }
@media (max-width: 900px) { .auth { grid-template-columns: 1fr; } .auth-side { display: none; } .auth-brand { display: inline-flex; } }
@media (max-width: 520px) { .row2 { grid-template-columns: 1fr; } .auth-box { padding: 28px 20px; } }