@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
  html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  small { font-size: 80%; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; }
  ::placeholder { opacity: 1; }
  textarea { resize: vertical; }
  button, input:where([type=button], [type=reset], [type=submit]) { appearance: button; }
}


:root { --ink: #17212d; --muted: #566575; --gold: #b87819; --blue: #287db5; --line: rgba(46, 64, 80, .18); --glass: rgba(255, 255, 255, .46); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; }
body { margin: 0; background: #e5e9eb; color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
.site-shell { min-height: 100vh; overflow: hidden; position: relative; background: radial-gradient(circle at 80% 5%, rgba(255,255,255,.88), transparent 28rem), radial-gradient(circle at 12% 28%, rgba(255,255,255,.6), transparent 25rem), linear-gradient(135deg, #d5dbde 0%, #f8fafb 48%, #d1d8dc 100%); }
.site-shell::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(132,190,248,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(132,190,248,.04) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 75%); }
.ambient { position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; opacity: .26; }.ambient-gold { width: 20rem; height: 20rem; background: #ee9b24; top: 32rem; left: -12rem; }.ambient-blue { width: 24rem; height: 24rem; background: #1479ff; top: 52rem; right: -14rem; }
.section-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }.section-card { padding: 42px; margin-bottom: 110px; border: 1px solid rgba(255,255,255,.86); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(235,240,242,.58)); box-shadow: inset 0 1px rgba(255,255,255,.98), 0 18px 42px rgba(78,91,99,.12); backdrop-filter: blur(16px); }.topbar { height: 88px; width: min(1280px, calc(100% - 48px)); margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; border-bottom: 1px solid rgba(185, 214, 239, .11); }.brand { display: flex; align-items: center; gap: 11px; }.brand-mark { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; overflow: hidden; border: 1px solid rgba(245,185,66,.55); box-shadow: 0 0 20px rgba(245,185,66,.23); }.brand-mark img { width: 100%; height: 100%; object-fit: cover; }.brand strong { display: block; letter-spacing: .19em; font-size: 14px; }.brand small { color: var(--gold); font-size: 7px; letter-spacing: .23em; display: block; margin-top: 4px; }.nav-links { display: flex; align-items: center; gap: 5px; padding: 6px; font-size: 12px; color: #273746; background: rgba(255,255,255,.42); border: 1px solid rgba(255,255,255,.7); border-radius: 15px; box-shadow: inset 0 1px rgba(255,255,255,.95), 0 10px 28px rgba(52,65,74,.13); backdrop-filter: blur(16px); }.nav-links > a { padding: 10px 13px; border-radius: 10px; transition: color .2s, background .2s, transform .2s; }.nav-links > a:hover { color: #8f5c10; background: rgba(255,255,255,.7); transform: translateY(-1px); }.nav-directory { display: inline-flex; align-items: center; gap: 6px; color: #8f5c10; font-weight: 700; }.nav-directory svg { width: 13px; }.auth-links, .auth-register { display: none; }.mobile-menu { display: none; background: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.75); border-radius: 10px; padding: 8px; color: var(--ink); box-shadow: 0 8px 22px rgba(52,65,74,.14); }
.hero { min-height: 645px; display: grid; grid-template-columns: .98fr 1.02fr; align-items: center; gap: 38px; padding: 70px 0 68px; }.eyebrow { color: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .18em; display: flex; align-items: center; gap: 9px; }.pulse-dot, .online-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 12px var(--gold); }.hero h1, h2 { font-size: clamp(42px, 5.8vw, 76px); line-height: 1.05; letter-spacing: -.055em; margin: 22px 0; font-weight: 400; }.hero h1 em, h2 em { font-style: normal; color: var(--gold); }.hero-lead { max-width: 490px; color: var(--muted); line-height: 1.8; font-size: 15px; }.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 31px 0 24px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 47px; border-radius: 9px; padding: 0 20px; font-size: 12px; font-weight: 700; letter-spacing: .05em; transition: transform .2s, box-shadow .2s; }.button:hover { transform: translateY(-2px); }.button svg, .feature-card a svg { width: 16px; height: 16px; }.button-primary { color: #101721; background: linear-gradient(110deg, #f2b443, #ffd883); box-shadow: 0 8px 30px rgba(245,185,66,.22); }.button-glass { border: 1px solid var(--line); background: rgba(255,255,255,.05); color: var(--ink); backdrop-filter: blur(12px); }.trust-row { display: flex; gap: 22px; color: #8295aa; font-size: 11px; }.trust-row span { display: flex; align-items: center; gap: 6px; }.trust-row svg { width: 13px; color: var(--gold); }.trust-note { margin: 10px 0 0; color: #8295aa; font-size: 10px; line-height: 1.6; opacity: .85; }.hero-visual { min-height: 460px; position: relative; display: grid; place-items: center; }.hero-logo-card { position: relative; z-index: 2; width: min(390px, 74vw); aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 7px solid rgba(245,185,66,.72); box-shadow: 0 0 0 8px rgba(224,233,238,.16), 0 0 70px rgba(245,185,66,.32), inset 0 0 30px #ffc14b; }.hero-logo-card img { width: 100%; height: 100%; object-fit: cover; }.logo-glow { position: absolute; inset: 9%; border-radius: 50%; box-shadow: inset 0 0 40px rgba(255,205,111,.55); pointer-events: none; }.orbital-ring { position: absolute; width: 112%; height: 40%; border: 1px solid rgba(245,185,66,.6); border-radius: 50%; transform: rotate(-26deg); box-shadow: 0 0 20px rgba(245,185,66,.18); }.ring-two { width: 100%; transform: rotate(27deg); border-color: rgba(70,166,255,.5); }.floating-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 10px; background: rgba(8, 23, 43, .78); backdrop-filter: blur(18px); box-shadow: 0 14px 35px rgba(0,0,0,.28); font-size: 11px; }.floating-note svg { color: var(--gold); width: 18px; }.floating-note small, .chat-head small, .chat-message small { display: block; color: #8295aa; margin-top: 4px; font-size: 9px; }.note-top { top: 54px; right: 0; }.note-bottom { bottom: 43px; left: 0; }.note-bottom svg { color: #55c4ff; }
.stats { padding: 30px 34px; display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 110px; }.stats div { border-right: 1px solid var(--line); padding-left: 28px; display: flex; flex-direction: column; gap: 7px; }.stats div:first-child { padding-left: 0; }.stats div:last-child { border: 0; }.stats strong { color: var(--gold); font-size: 25px; font-weight: 400; }.stats span { color: var(--muted); font-size: 11px; }
.lawyers-section { margin-bottom: 155px; }.lawyer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }.lawyer-card { display: flex; align-items: center; gap: 14px; min-height: 94px; padding: 16px; border-radius: 15px; transition: transform .2s, border-color .2s, box-shadow .2s; }.lawyer-card:hover { transform: translateY(-4px); border-color: rgba(184,120,25,.5); box-shadow: 0 14px 30px rgba(42,54,63,.18); }.lawyer-card img { width: 66px; height: 66px; object-fit: cover; border-radius: 10px; filter: saturate(.72) contrast(1.03); }.lawyer-info { display: flex; flex-direction: column; gap: 5px; min-width: 0; }.lawyer-info strong { color: #1a2834; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.lawyer-info span { color: #65717c; font-size: 10px; }.lawyer-card > svg { width: 14px; margin-left: auto; color: var(--gold); flex: 0 0 auto; }.lawyers-all { display: flex; width: fit-content; margin: 28px auto 0; color: #273746; }
.chat-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 85px; align-items: center; margin-bottom: 160px; }.section-intro h2, .module-copy h2, .center-intro h2 { font-size: clamp(38px, 4vw, 59px); margin: 18px 0; }.section-intro p, .module-copy p, .center-intro p { color: var(--muted); line-height: 1.8; font-size: 14px; }.legal-warning { display: flex; gap: 10px; color: #a9b8c8; font-size: 10px; line-height: 1.6; margin-top: 25px; padding: 13px; background: rgba(245,185,66,.06); border-left: 2px solid var(--gold); }.legal-warning svg { color: var(--gold); min-width: 16px; width: 16px; }.glass-panel { background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(224,232,235,.58)); border: 1px solid rgba(255,255,255,.78); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 20px 60px rgba(0,0,0,.18); backdrop-filter: blur(18px); }.chat-window { overflow: hidden; border-radius: 15px; }.chat-head { display: flex; align-items: center; gap: 11px; padding: 17px 20px; border-bottom: 1px solid var(--line); }.chat-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #08121f; background: linear-gradient(135deg,#f4bb4d,#fff0ae); }.chat-avatar svg { width: 17px; }.chat-head b { font-size: 12px; }.chat-lock { margin-left: auto; color: var(--gold); }.chat-lock svg { width: 15px; }.chat-body { min-height: 270px; padding: 25px 20px; display: flex; flex-direction: column; gap: 14px; }.chat-message { max-width: 77%; padding: 13px 15px; border-radius: 4px 13px 13px 13px; color: #ced9e4; font-size: 12px; line-height: 1.6; background: rgba(255,255,255,.06); }.chat-message.user { align-self: flex-end; border-radius: 13px 4px 13px 13px; background: rgba(62,148,221,.2); }.verified-text { color: #64d5a2; }.chat-compose { display: flex; margin: 0 15px 15px; border: 1px solid var(--line); border-radius: 9px; background: rgba(0,0,0,.18); overflow: hidden; }.chat-compose input { width: 100%; min-width: 0; border: 0; outline: 0; padding: 14px; color: var(--ink); background: transparent; font-size: 12px; }.chat-compose button { width: 48px; border: 0; color: #07121d; background: var(--gold); display: grid; place-items: center; }.chat-compose svg { width: 17px; }
/* Şifre göster / kapat düğmesi — altın renkli gönder düğmesinden ayrışır, saydam zemin */
.chat-compose .chat-pw-toggle { width: 38px; flex: 0 0 38px; background: transparent; color: #7c8ea3; border-left: 1px solid var(--line); cursor: pointer; transition: color .15s ease, background .15s ease; }.chat-compose .chat-pw-toggle[hidden] { display: none; }.chat-compose .chat-pw-toggle:hover { color: var(--gold); background: rgba(245,185,66,.08); }.chat-compose .chat-pw-toggle:focus-visible { outline: 2px solid var(--gold); outline-offset: -2px; }.chat-compose .chat-pw-toggle svg { width: 16px; height: 16px; }.chat-pw-toggle .pw-icon-eye-off { display: none; }.chat-pw-toggle.is-visible .pw-icon-eye { display: none; }.chat-pw-toggle.is-visible .pw-icon-eye-off { display: inline-flex; }
/* Sohbet içi bağlantı (ör. "Şifremi unuttum") */
.chat-inline-link { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }.chat-msg-text a { color: var(--gold); }
.features-section { margin-bottom: 160px; }.center-intro { text-align: center; max-width: 650px; margin: 0 auto 51px; }.center-intro .eyebrow { justify-content: center; }.feature-intro-card { position: relative; max-width: 900px; padding: 42px 38px 36px; border: 1px solid rgba(78, 96, 108, .24); border-radius: 24px; background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(226,232,234,.7)); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 22px 48px rgba(64,76,84,.16); overflow: hidden; }.feature-intro-card::before { content: ''; position: absolute; width: 240px; height: 240px; border-radius: 50%; top: -150px; right: -60px; background: rgba(245,185,66,.18); filter: blur(8px); }.feature-intro-card::after { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; bottom: -130px; left: -50px; background: rgba(40,125,181,.12); filter: blur(8px); }.feature-intro-card > * { position: relative; z-index: 1; }.feature-intro-card h2 { color: #17212d; background: transparent; font-size: clamp(32px, 4.5vw, 56px); letter-spacing: -.045em; margin: 17px 0 14px; text-shadow: 0 2px 0 rgba(255,255,255,.86), 0 8px 22px rgba(44,61,74,.22); }.feature-intro-card h2 em { color: #9a6415; text-shadow: 0 2px 0 rgba(255,255,255,.9), 0 7px 18px rgba(154,100,21,.28); }.feature-intro-card p { max-width: 610px; margin: 0 auto; color: #4b5c6b; font-size: 14px; line-height: 1.7; }.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.feature-card { padding: 25px; border-radius: 12px; background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(225,230,232,.72)); border: 1px solid rgba(76, 92, 104, .22); box-shadow: inset 0 1px rgba(255,255,255,.9), 0 16px 34px rgba(67,78,86,.14); transition: border-color .2s, transform .2s, box-shadow .2s; }.feature-card:hover { transform: translateY(-5px); border-color: rgba(184,120,25,.55); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 20px 40px rgba(67,78,86,.2); }.feature-icon { color: var(--gold); margin-bottom: 25px; }.feature-icon svg { width: 23px; }.feature-tag { color: #426d8d; font-size: 9px; letter-spacing: .13em; }.feature-card h3 { color: #17212d; font-size: 17px; font-weight: 600; margin: 10px 0; }.feature-card p { color: #485867; font-size: 12px; line-height: 1.7; min-height: 62px; }.feature-card a { color: #946016; display: flex; gap: 6px; align-items: center; font-size: 11px; margin-top: 20px; }
.modules-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }.module-copy .button { margin-top: 22px; }.module-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; }.module-item { display: flex; align-items: center; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.38); color: #17212d; font-size: 12px; font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.8); }.module-item svg:first-child { color: var(--gold); width: 18px; }.module-item svg:last-child { width: 14px; margin-left: auto; color: #5c9a7e; }
.contact-section { margin-bottom: 130px; }.contact-page { padding: 82px 0 110px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }.contact-page-intro h1 { color: #17212d; font-size: clamp(46px, 6vw, 76px); line-height: 1.02; letter-spacing: -.06em; margin: 18px 0; }.contact-page-intro h1 em { color: var(--gold); font-style: normal; }.contact-page-intro > p { color: var(--muted); font-size: 15px; line-height: 1.8; }.contact-details { display: flex; flex-direction: column; gap: 14px; margin-top: 30px; }.contact-details a, .contact-details span { display: flex; align-items: center; gap: 10px; color: #4f6170; font-size: 13px; }.contact-details svg { width: 17px; color: var(--gold); }.contact-page .contact-form { max-width: none; }.contact-form { max-width: 800px; margin: auto; padding: 30px; border-radius: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.contact-form label { color: #000000; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-shadow: none; display: flex; flex-direction: column; gap: 7px; }.contact-form input, .contact-form select, .contact-form textarea { border: 1px solid rgba(184,120,25,.42); border-radius: 7px; padding: 13px; color: #3b2a14; background: linear-gradient(110deg, #f2b443, #ffd883); outline: none; font: inherit; font-size: 12px; box-shadow: inset 0 1px rgba(255,255,255,.55), 0 5px 14px rgba(184,120,25,.12); }.contact-form input::placeholder, .contact-form textarea::placeholder { color: #765825; opacity: .85; }.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #a96f16; box-shadow: 0 0 0 3px rgba(184,120,25,.18), inset 0 1px rgba(255,255,255,.6); }.contact-form select option { color: #3b2a14; background: #ffd883; }.contact-form input[type="radio"], .contact-form input[type="checkbox"] { accent-color: #b87819; }.full-field { grid-column: 1 / -1; }.contact-form button { border: 0; cursor: pointer; width: fit-content; }
.footer { border-top: 1px solid rgba(67,84,96,.18); padding: 34px 0 42px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; color: #607180; font-size: 11px; }.footer p { margin-right: auto; }.footer-links { display: flex; flex-wrap: wrap; gap: 14px 18px; }.footer-links a:hover { color: #946016; }.footer > small { color: #506174; }.social-links { display: flex; gap: 8px; }.social-links a { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(67,84,96,.2); border-radius: 50%; color: #516574; font-size: 12px; font-weight: 700; background: rgba(255,255,255,.48); }.social-links a:hover { color: #946016; border-color: rgba(184,120,25,.55); }
.profile-nav { display: flex; gap: 6px; padding: 6px; border: 1px solid rgba(255,255,255,.7); border-radius: 15px; background: rgba(255,255,255,.42); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 10px 28px rgba(52,65,74,.13); }.profile-nav a { padding: 10px 13px; border-radius: 10px; color: #273746; font-size: 12px; }.profile-nav a:hover { color: #8f5c10; background: rgba(255,255,255,.7); }.profile-content { padding: 55px 0 120px; }.profile-back { display: inline-flex; align-items: center; gap: 8px; color: #8f5c10; font-size: 12px; font-weight: 700; }.profile-back svg { width: 15px; }.profile-hero { display: grid; grid-template-columns: 320px 1fr; gap: 58px; align-items: center; margin-top: 25px; }.profile-photo-wrap { position: relative; }.profile-photo-wrap img { display: block; width: 100%; aspect-ratio: .88; object-fit: cover; border-radius: 22px; filter: saturate(.8); box-shadow: 0 20px 42px rgba(56,68,77,.2); }.profile-initials { display: grid; place-items: center; width: 100%; aspect-ratio: .88; border-radius: 22px; background: linear-gradient(135deg, #f4bb4d, #fff0ae); color: #08121f; font-size: 48px; font-weight: 700; box-shadow: 0 20px 42px rgba(56,68,77,.2); }.profile-photo-wrap span { position: absolute; bottom: 16px; left: 16px; display: inline-flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 9px; color: #fff; background: rgba(30,66,60,.88); font-size: 10px; font-weight: 700; }.profile-photo-wrap span svg { width: 13px; }.profile-copy h1 { margin: 17px 0 8px; color: #17212d; font-size: clamp(48px, 7vw, 86px); letter-spacing: -.06em; }.profile-copy h2 { margin: 0 0 17px; color: #946016; font-size: 18px; letter-spacing: 0; }.profile-copy > p:not(.profile-location) { max-width: 680px; color: #526373; line-height: 1.8; font-size: 15px; }.profile-location { display: flex; align-items: center; gap: 7px; color: #697987; font-size: 12px; }.profile-location svg { width: 15px; color: var(--gold); }.profile-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 27px; }.profile-actions .button svg { width: 15px; }.profile-grid { display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 24px; }.profile-panel { padding: 31px; margin-bottom: 0; }.profile-panel h2 { margin: 15px 0 24px; color: #17212d; font-size: 30px; }.profile-tags { display: flex; flex-wrap: wrap; gap: 10px; }.profile-tags span, .profile-panel aside a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 13px; border-radius: 10px; color: #4f6170; background: rgba(255,255,255,.62); border: 1px solid rgba(54,72,86,.12); font-size: 11px; }.profile-tags svg { width: 15px; color: var(--gold); }.profile-panel > a { display: flex; align-items: center; gap: 9px; margin-top: 14px; color: #526373; font-size: 12px; }.profile-panel > a svg { width: 16px; color: var(--gold); }
.feature-nav { margin-left: auto; }.article-shell { padding: 74px 0 120px; }.article-back { display: inline-flex; align-items: center; gap: 8px; color: #8f5c10; font-size: 12px; font-weight: 700; }.article-back svg { width: 15px; }.article-header { max-width: 850px; padding: 72px 0 64px; }.article-header h1 { color: #17212d; font-size: clamp(42px, 6vw, 78px); line-height: 1.02; letter-spacing: -.06em; margin: 18px 0 25px; }.article-intro { max-width: 700px; color: #526373; font-size: 18px; line-height: 1.75; }.article-meta { display: flex; align-items: center; gap: 20px; margin-top: 28px; color: #748492; font-size: 11px; }.article-meta span, .article-meta button { display: inline-flex; align-items: center; gap: 7px; }.article-meta svg { width: 15px; }.article-meta button { border: 0; padding: 0; color: #946016; background: transparent; font: inherit; cursor: pointer; }.article-layout { display: grid; grid-template-columns: minmax(0, 760px) 280px; gap: 54px; align-items: start; }.article-body { padding: 48px; border: 1px solid rgba(255,255,255,.86); border-radius: 26px; background: rgba(255,255,255,.66); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 20px 48px rgba(78,91,99,.11); }.article-body p, .article-body li { color: #4d5e6d; font-size: 15px; line-height: 1.9; }.article-body h2 { margin: 38px 0 13px; color: #17212d; font-size: 28px; }.article-body h3 { margin: 30px 0 10px; color: #17212d; font-size: 19px; }.article-body ul { padding-left: 20px; }.article-callout { margin: 32px 0; padding: 23px 26px; border-left: 3px solid var(--gold); border-radius: 0 14px 14px 0; background: rgba(247,238,218,.68); }.article-callout strong { color: #946016; }.article-callout p { margin-bottom: 0; }.article-aside { position: sticky; top: 28px; }.article-aside-card { padding: 25px; border: 1px solid rgba(255,255,255,.86); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(224,232,235,.62)); box-shadow: 0 18px 38px rgba(78,91,99,.13); }.article-aside-card > span { color: #946016; font-size: 10px; font-weight: 700; letter-spacing: .14em; }.article-aside-card h2 { color: #17212d; font-size: 24px; line-height: 1.15; margin: 15px 0 10px; }.article-aside-card p { color: #627280; font-size: 12px; line-height: 1.7; }.article-aside-card .button { margin-top: 10px; }
.blog-hero { padding: 105px 0 92px; }.blog-hero h1 { max-width: 780px; font-size: clamp(48px, 7vw, 90px); line-height: .98; letter-spacing: -.065em; margin: 22px 0; }.blog-hero h1 em, .blog-heading h2 em, .blog-cta h2 em { color: var(--gold); font-style: normal; }.blog-hero p { max-width: 580px; color: var(--muted); line-height: 1.8; font-size: 17px; }.blog-content { padding: 48px; margin-bottom: 42px; border: 1px solid rgba(255,255,255,.86); border-radius: 28px; background: rgba(255,255,255,.56); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 20px 48px rgba(78,91,99,.11); backdrop-filter: blur(18px); }.blog-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 38px; }.blog-heading h2 { font-size: clamp(36px, 4vw, 58px); margin: 15px 0 0; }.blog-filter { display: flex; gap: 6px; padding: 5px; border-radius: 12px; background: rgba(226,232,235,.72); }.blog-filter span { padding: 9px 13px; color: #687987; border-radius: 8px; font-size: 11px; }.blog-filter .filter-active { color: #fff; background: #b87819; box-shadow: 0 5px 12px rgba(184,120,25,.2); }.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.blog-card { min-height: 285px; display: flex; flex-direction: column; padding: 24px; border: 1px solid rgba(54,72,86,.15); border-radius: 17px; background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(231,237,239,.68)); box-shadow: 0 14px 28px rgba(75,87,95,.1); transition: transform .2s, box-shadow .2s, border-color .2s; }.blog-card:hover { transform: translateY(-5px); border-color: rgba(184,120,25,.42); box-shadow: 0 20px 38px rgba(75,87,95,.16); }.blog-card-top { display: flex; align-items: center; gap: 10px; color: #9a6415; font-size: 9px; font-weight: 700; letter-spacing: .13em; }.blog-icon { display: grid; place-items: center; width: 40px; height: 40px; color: #fff; border-radius: 11px; background: linear-gradient(135deg, #b87819, #e4b35b); box-shadow: 0 8px 16px rgba(184,120,25,.2); }.blog-icon svg { width: 19px; }.blog-card h3 { margin: 22px 0 10px; color: #17212d; font-size: 18px; line-height: 1.3; }.blog-card p { margin: 0; color: #526373; font-size: 12px; line-height: 1.7; }.blog-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding-top: 22px; color: #778795; font-size: 10px; }.blog-card-footer span, .blog-card-footer a { display: flex; align-items: center; gap: 5px; }.blog-card-footer svg { width: 13px; }.blog-card-footer a { color: #946016; font-weight: 700; }.blog-cta { display: flex; align-items: center; gap: 25px; padding: 42px 48px 90px; }.blog-cta > svg { width: 35px; height: 35px; color: var(--gold); flex: 0 0 auto; }.blog-cta h2 { font-size: clamp(30px, 4vw, 52px); margin: 12px 0 8px; }.blog-cta p { margin: 0; color: var(--muted); font-size: 13px; }.blog-cta .button { margin-left: auto; flex: 0 0 auto; }
.feature-hero { padding: 105px 0 120px; }.feature-hero h1 { max-width: 760px; font-size: clamp(48px, 7vw, 90px); line-height: .98; letter-spacing: -.065em; margin: 22px 0; }.feature-hero h1 em { color: var(--gold); font-style: normal; }.feature-hero > p { max-width: 590px; color: var(--muted); line-height: 1.8; font-size: 17px; }.feature-hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 30px; }.feature-hero-actions span { display: flex; align-items: center; gap: 7px; color: #647586; font-size: 11px; }.feature-hero-actions span svg { width: 15px; color: var(--gold); }.feature-page-section { padding: 54px; margin-bottom: 34px; border: 1px solid rgba(255,255,255,.86); border-radius: 28px; background: rgba(255,255,255,.56); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 20px 48px rgba(78,91,99,.11); backdrop-filter: blur(18px); }.section-heading { max-width: 740px; margin-bottom: 38px; }.section-heading h2 { font-size: clamp(34px, 4vw, 58px); margin: 15px 0; }.section-heading p { color: var(--muted); line-height: 1.75; font-size: 14px; }.catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.catalog-card { padding: 25px; min-height: 235px; border: 1px solid rgba(54,72,86,.15); border-radius: 17px; background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(231,237,239,.66)); box-shadow: 0 14px 28px rgba(75,87,95,.1); transition: transform .2s, box-shadow .2s; }.catalog-card:hover { transform: translateY(-5px); box-shadow: 0 20px 38px rgba(75,87,95,.16); }.catalog-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 20px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #bd7c1c, #e0aa4b); box-shadow: 0 8px 18px rgba(184,120,25,.22); }.catalog-icon svg { width: 20px; }.catalog-card h3, .office-module-card h3, .security-card h3, .extension-panel h3 { margin: 0 0 9px; color: #17212d; font-size: 17px; }.catalog-card p, .office-module-card p, .security-card p, .extension-panel p { margin: 0; color: #526373; font-size: 12px; line-height: 1.7; }.catalog-link { display: flex; align-items: center; gap: 7px; margin-top: 20px; color: #966117; font-size: 11px; font-weight: 700; }.catalog-link svg { width: 14px; }.office-modules-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }.office-module-card { display: flex; gap: 15px; padding: 22px; border-radius: 15px; background: rgba(255,255,255,.58); border: 1px solid rgba(54,72,86,.13); }.office-module-card > svg, .security-card > svg { flex: 0 0 auto; width: 22px; color: var(--gold); }.security-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }.security-card { padding: 22px; border-radius: 15px; background: rgba(255,255,255,.58); border: 1px solid rgba(54,72,86,.13); }.security-card h3 { margin-top: 17px; font-size: 15px; }.extension-panel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(54,72,86,.14); border-radius: 18px; background: rgba(54,72,86,.14); }.extension-panel > div { padding: 27px; background: rgba(255,255,255,.7); }.features-cta { text-align: center; padding: 80px 30px 120px; }.features-cta h2 { font-size: clamp(35px, 5vw, 64px); margin: 0 0 15px; }.features-cta h2 em { color: var(--gold); font-style: normal; }.features-cta p { color: var(--muted); margin: 0 auto 25px; }.features-cta .button { margin: auto; }

.directory-hero { padding: 82px 0 54px; }.directory-hero h1 { color: #17212d; font-size: clamp(52px, 8vw, 92px); line-height: .96; letter-spacing: -.07em; margin: 18px 0; }.directory-hero h1 em { color: var(--gold); font-style: normal; }.directory-hero p { max-width: 540px; color: #526373; font-size: 16px; line-height: 1.8; }.directory-map, .directory-results { padding: 34px; margin-bottom: 34px; border: 1px solid rgba(255,255,255,.86); border-radius: 28px; background: rgba(255,255,255,.6); box-shadow: inset 0 1px rgba(255,255,255,.95), 0 20px 48px rgba(78,91,99,.11); }.map-heading, .directory-title { display: flex; justify-content: space-between; align-items: end; gap: 20px; }.map-heading h2, .directory-title h2 { margin: 12px 0 0; color: #17212d; font-size: 32px; }.map-heading > span, .directory-title > span { color: #768591; font-size: 11px; }.map-box { height: 330px; margin-top: 20px; overflow: hidden; border-radius: 19px; background: linear-gradient(135deg, #eaf0f1, #dce8f0); }.map-box svg { width: 100%; height: 100%; }.map-label { fill: #526373; font-size: 8px; font-weight: 700; }.directory-tools { display: flex; gap: 12px; margin-bottom: 38px; }.search-box, .filter-box { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 15px; border: 1px solid rgba(184,120,25,.3); border-radius: 11px; background: linear-gradient(110deg, #f2b443, #ffd883); box-shadow: inset 0 1px rgba(255,255,255,.6), 0 6px 15px rgba(184,120,25,.1); }.search-box { flex: 1; }.search-box svg, .filter-box svg { width: 17px; color: #765825; }.search-box input, .filter-box select { min-width: 0; border: 0; outline: 0; color: #3b2a14; background: transparent; font: inherit; font-size: 12px; }.search-box input { width: 100%; }.search-box button { margin-left: 10px; padding: 8px 16px; font-size: 12px; white-space: nowrap; }.filter-box { gap: 10px; }.filter-box select { cursor: pointer; }.directory-title { margin-bottom: 18px; }.directory-title h2 { font-size: 26px; }.directory-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.directory-lawyer-card { display: flex; align-items: center; gap: 12px; min-height: 107px; padding: 12px; border: 1px solid rgba(54,72,86,.14); border-radius: 15px; color: inherit; background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(231,237,239,.67)); box-shadow: 0 12px 25px rgba(75,87,95,.09); transition: transform .2s, box-shadow .2s; }.directory-lawyer-card:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(75,87,95,.16); }.directory-lawyer-card img { width: 62px; height: 78px; flex: 0 0 auto; object-fit: cover; border-radius: 10px; filter: saturate(.78); }.directory-lawyer-card h3 { margin: 5px 0; color: #17212d; font-size: 14px; }.directory-lawyer-card p { display: flex; align-items: center; gap: 4px; margin: 0; color: #657583; font-size: 10px; }.directory-lawyer-card p svg { width: 12px; color: var(--gold); }.lawyer-specialty { color: #946016; font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.directory-lawyer-card > svg { width: 14px; margin-left: auto; color: var(--gold); }.directory-empty { padding: 40px; text-align: center; color: #526373; }.pagination { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 28px; }.pagination button { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(184,120,25,.35); border-radius: 10px; color: #946016; background: #ffd883; cursor: pointer; }.pagination button:disabled { opacity: .4; cursor: not-allowed; }.pagination button svg { width: 15px; }.pagination span { color: #526373; font-size: 12px; font-weight: 700; }

@media (max-width: 800px) { .section-wrap, .topbar { width: min(100% - 32px, 600px); }.topbar { height: 72px; }.directory-hero { padding: 58px 0 40px; }.directory-hero h1 { font-size: clamp(48px, 14vw, 70px); }.directory-map, .directory-results { padding: 22px 16px; border-radius: 21px; }.map-box { height: 230px; }.directory-tools { flex-direction: column; }.filter-box { flex-wrap: wrap; padding: 10px 12px; }.filter-box select { flex: 1; min-width: 120px; }.directory-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }.directory-lawyer-card { min-height: 94px; padding: 9px; gap: 8px; }.directory-lawyer-card img { width: 48px; height: 62px; }.directory-lawyer-card h3 { font-size: 12px; }.directory-lawyer-card > svg { display: none; }.directory-title { align-items: center; }.contact-page { grid-template-columns: 1fr; gap: 34px; padding: 58px 0 80px; }.contact-page-intro h1 { font-size: clamp(44px, 13vw, 66px); }.profile-nav { display: none; }.profile-content { padding: 38px 0 80px; }.profile-hero { grid-template-columns: 1fr; gap: 28px; padding: 22px 18px; }.profile-photo-wrap { max-width: 310px; margin: auto; width: 100%; }.profile-copy h1 { font-size: clamp(46px, 14vw, 68px); }.profile-grid { grid-template-columns: 1fr; }.profile-panel { padding: 25px 18px; }.article-shell { padding: 45px 0 80px; }.article-header { padding: 55px 0 42px; }.article-header h1 { font-size: clamp(42px, 12vw, 62px); }.article-intro { font-size: 16px; }.article-meta { align-items: flex-start; flex-wrap: wrap; gap: 12px 17px; }.article-layout { grid-template-columns: 1fr; gap: 24px; }.article-body { padding: 28px 20px; border-radius: 21px; }.article-body h2 { font-size: 25px; }.article-aside { position: static; }.blog-hero { padding: 72px 0 78px; }.blog-hero h1 { font-size: clamp(45px, 13vw, 68px); }.blog-content { padding: 28px 18px; border-radius: 21px; }.blog-heading { align-items: flex-start; flex-direction: column; }.blog-filter { width: 100%; }.blog-filter span { flex: 1; text-align: center; }.blog-grid { grid-template-columns: 1fr; }.blog-card { min-height: 250px; }.blog-cta { align-items: flex-start; flex-direction: column; padding: 30px 18px 70px; }.blog-cta .button { margin-left: 0; }.feature-hero { padding: 72px 0 78px; }.feature-hero h1 { font-size: clamp(45px, 13vw, 68px); }.feature-hero-actions { align-items: flex-start; flex-direction: column; }.feature-page-section { padding: 28px 18px; border-radius: 21px; }.catalog-grid, .office-modules-grid, .security-grid, .extension-panel { grid-template-columns: 1fr; }.extension-panel { gap: 1px; }.extension-panel > div { padding: 22px; }.mobile-menu { display: block; }.mobile-menu svg { width: 23px; }.nav-links { display: none; position: absolute; top: 68px; left: 0; right: 0; padding: 12px; flex-direction: column; align-items: stretch; gap: 4px; background: rgba(238,242,243,.96); border: 1px solid rgba(255,255,255,.8); border-radius: 14px; box-shadow: 0 18px 35px rgba(52,65,74,.18); backdrop-filter: blur(20px); }.nav-links.open { display: flex; }.nav-links > a { padding: 14px 12px; border-bottom: 1px solid rgba(46,64,80,.1); }.nav-links > a:last-child { border-bottom: 0; }.auth-links { display: none; }.hero { grid-template-columns: 1fr; padding-top: 65px; }.hero-copy { text-align: center; }.hero-copy .eyebrow, .trust-row { justify-content: center; }.hero-lead { margin-left: auto; margin-right: auto; }.hero-actions { justify-content: center; }.hero-visual { min-height: 400px; }.note-top { right: -2px; top: 25px; }.note-bottom { left: -2px; bottom: 24px; }.stats { grid-template-columns: 1fr 1fr; gap: 24px 0; margin-bottom: 100px; }.stats div:nth-child(2) { border: 0; }.stats div:nth-child(3) { padding-left: 0; }.section-card { width: 100%; padding: 28px 18px; margin-bottom: 72px; border-radius: 21px; }.hero { min-height: auto; padding: 58px 0 46px; }.hero h1 { font-size: clamp(36px, 10vw, 52px); }.hero-visual { min-height: 330px; }.chat-section, .modules-section { grid-template-columns: 1fr; gap: 30px; margin-bottom: 72px; }.stats { padding: 24px 18px; gap: 22px 0; margin-bottom: 72px; }.stats div { padding-left: 16px; }.lawyer-grid { grid-template-columns: repeat(2, 1fr); }.lawyer-card { min-height: 82px; padding: 10px; gap: 9px; }.lawyer-card img { width: 54px; height: 54px; }.features-section { margin-bottom: 100px; }.feature-grid { grid-template-columns: 1fr; }.feature-card p { min-height: auto; }.module-list { gap: 9px; }.module-item { padding: 15px 11px; font-size: 10px; }.contact-form { grid-template-columns: 1fr; padding: 20px; }.full-field { grid-column: auto; }.footer { flex-wrap: wrap; gap: 17px; }.footer p { width: 100%; order: 3; }.footer > small { width: 100%; }.footer-links { margin-left: auto; } }
@media (max-width: 390px) { .hero h1 { font-size: 39px; }.hero-actions .button { width: 100%; }.trust-row { gap: 10px; flex-direction: column; }.floating-note { transform: scale(.84); transform-origin: center; }.note-top { right: -23px; }.note-bottom { left: -23px; } }

.directory-page { padding: 82px 0 110px; }
.directory-lawyer-card { display: flex; align-items: center; gap: 14px; min-height: 94px; padding: 16px; border-radius: 15px; transition: transform .2s, border-color .2s, box-shadow .2s; }
.directory-lawyer-card:hover { transform: translateY(-4px); border-color: rgba(184,120,25,.5); box-shadow: 0 14px 30px rgba(42,54,63,.18); }
.lawyer-photo { width: 66px; height: 66px; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.lawyer-photo img { width: 100%; height: 100%; object-fit: cover; }
.lawyer-initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f2b443, #ffd883); color: #3b2a14; font-size: 18px; font-weight: bold; }
.lawyer-info { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 1; }
.lawyer-info h3 { color: #1a2834; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.lawyer-specialties { display: flex; flex-wrap: wrap; gap: 4px; }
.lawyer-specialties span { font-size: 9px; padding: 2px 6px; border-radius: 10px; background: rgba(184,120,25,.15); color: #8f5c10; }
.lawyer-location { display: flex; align-items: center; gap: 6px; color: #65717c; font-size: 10px; }
.lawyer-location svg { width: 13px; color: var(--gold); }
.directory-lawyer-card > svg { width: 14px; margin-left: auto; color: var(--gold); flex: 0 0 auto; }
#bos { padding: 40px; text-align: center; color: #768591; font-size: 14px; display: none; }
#bos:not(.hidden) { display: block; }
.hidden { display: none !important; visibility: hidden !important; }
.directory-lawyer-card.hidden { display: none !important; visibility: hidden !important; }
#sayfalama { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
#sayfalama button { min-width: 44px; }

@layer base { * { outline-color: rgba(245,185,66,.45); } }

.profile-panel h2 { margin: 15px 0 12px; color: #17212d; font-size: 18px; }
.profile-panel .eyebrow { margin-bottom: 8px; }
.profile-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.profile-tags span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 9px; color: #17212d; font-size: 11px; font-weight: 700; background: rgba(226,232,235,.72); }
.profile-tags span svg { width: 14px; color: var(--gold); }
.profile-publications { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; }
.profile-publications li { display: flex; flex-direction: column; gap: 4px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.profile-publications li:last-child { border-bottom: 0; padding-bottom: 0; }
.profile-publications a { color: #17212d; font-size: 13px; font-weight: 600; text-decoration: none; }
.profile-publications a:hover { color: var(--gold); }
.profile-publications span { color: #6c7c8b; font-size: 10px; }
.blog-card { position: relative; }.blog-card h3 a { color: inherit; text-decoration: none; }.blog-card h3 a::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }.blog-card-footer a { position: relative; z-index: 1; }

/* Ana sayfa canli chatbot (ana-sayfa.js) */
#chatStreamBox { max-height: 400px; overflow-y: auto; }
.chat-message { white-space: pre-wrap; }
.chat-msg-label { display: block; color: var(--gold); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.chat-msg-text { display: block; }
.chat-message p { margin: 0 0 8px; }
.chat-message p:last-child { margin-bottom: 0; }
.chat-message a { color: var(--gold); text-decoration: underline; }
.chat-msg-warn { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); color: var(--gold); font-size: 11px; }
.chat-msg-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.chat-tag { font-size: 10px; padding: 2px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.05); }
.chat-msg-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.chat-msg-btn { font-size: 12px; padding: 8px 14px; }
.chat-btn-block { width: 100%; justify-content: center; margin-top: 10px; }
.chat-tag-opt { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: 8px; padding: 3px 8px; margin: 0 4px 4px 0; font-size: 11px; cursor: pointer; color: var(--ink); }
.chat-map { height: 240px; border-radius: 10px; border: 1px solid var(--line); margin-top: 8px; display: flex; align-items: center; justify-content: center; color: var(--muted); font-size: 12px; overflow: hidden; }
.chat-map.leaflet-container { display: block; }
.chat-map-note { margin-top: 6px; font-size: 10px; color: var(--muted); }
.chat-typing { opacity: .7; font-style: italic; }

/* Chat okunabilirlik + sabit ust auth butonlari */
.chat-message { color: var(--ink); }
.chat-message.user { color: #0b2437; }
.chat-head-auth { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.chat-auth-stack { display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
.chat-head-btn-subtle { opacity: .85; border-style: dashed; }
.chat-head-btn { font-size: 11px; font-weight: 600; padding: 7px 12px; border-radius: 8px; border: 1px solid var(--line); color: var(--ink); background: rgba(255,255,255,.55); text-decoration: none; white-space: nowrap; }
.chat-head-btn.primary { background: var(--gold); color: #07121d; border-color: transparent; }
.chat-head-btn:hover { filter: brightness(1.06); }
.chat-lock { margin-left: 10px; }