.szf{
  --szf-kenar:30px;
  --szf-aralik:clamp(56px,6.4vw,92px);
  --szf-baslik-font:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --szf-govde-font:Roboto,Helvetica,Arial,sans-serif;
  --szf-mono:var(--sz-font-mono);
  --szf-cizgi:var(--sz-border-subtle);
  --szf-ton:var(--sz-accent-text);
  background:var(--sz-bg);
  color:var(--sz-text);
  font-family:var(--szf-govde-font);
  font-size:16px;
  line-height:1.6;
  padding:clamp(20px,2.6vw,32px) 0 var(--szf-aralik);
}

.szf-k-yesil{--szf-ton:#34d399}
.szf-k-amber{--szf-ton:#fbbf24}
.szf-k-mavi{--szf-ton:#7cb7ff}
.szf-k-pembe{--szf-ton:#f49ac1}
.szf-k-limon{--szf-ton:#b5e853}
.szf-k-mor{--szf-ton:#c4a5ff}
.szf-k-mercan{--szf-ton:#ff9a8b}
.szf-k-camgobegi{--szf-ton:#4dd0e1}

.szf *,.szf *::before,.szf *::after{box-sizing:border-box}
.szf :where(h1,h2,h3){margin:0;padding:0;color:var(--sz-ink-strong);font-family:var(--szf-baslik-font);font-weight:600;letter-spacing:-.015em;text-transform:none}
.szf :where(p,dl,dt,dd){margin:0;padding:0}
.szf :where(ul,ol){list-style:none;margin:0;padding:0}
.szf :where(li){margin:0;padding:0;text-align:left}
.szf :where(strong){font-weight:600}

.szf-gizli{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.szf-ic{max-width:1260px;margin-left:auto;margin-right:auto;padding-left:var(--szf-kenar);padding-right:var(--szf-kenar)}
.szf-bolum{margin-top:var(--szf-aralik)}

.szf-komut{margin-bottom:10px;color:var(--sz-code-comment);font-family:var(--szf-mono);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.szf-komut__istem{color:var(--sz-accent-text);user-select:none}

.szf-pencere{overflow:hidden;border:1px solid var(--sz-code-border);border-radius:14px;background:var(--sz-code-bg)}
.szf-pencere__bas{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 18px;border-bottom:1px solid var(--sz-code-border);background:var(--sz-code-chrome);color:var(--sz-code-comment);font-family:var(--szf-mono);font-size:13px;line-height:1.3}
.szf-isaret{flex:0 0 auto;display:block}
.szf-pencere__ic{position:relative;padding:clamp(24px,3.6vw,48px)}
.szf-ilet__form .szf-pencere__ic{padding:clamp(20px,2.6vw,32px)}

.szf-hero__isaret{position:absolute;top:clamp(24px,3.6vw,48px);right:clamp(24px,3.6vw,48px);width:clamp(96px,10.5vw,148px);height:auto}
.szf-hero__isaret .szf-isaret__egik{fill:var(--sz-code-border)}
.szf-hero__baslik{margin-top:6px;font-size:clamp(38px,6.7vw,94px);line-height:1.05;letter-spacing:-.03em}
.szf-hero__duzen{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);margin-top:clamp(28px,3.4vw,44px)}
.szf-hero__on{max-width:34em;color:var(--sz-ink-strong);font-family:var(--szf-baslik-font);font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.45;letter-spacing:-.005em}
.szf-hero__devam{max-width:62ch;margin-top:16px;color:var(--sz-text-muted);font-size:16.5px;line-height:1.68}

.szf-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.szf-hero__yan .szf-eylem{margin-top:auto;padding-top:24px}
.szf .szf-dugme{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:10px;background:var(--sz-accent-strong);color:var(--sz-on-accent);font-family:var(--szf-baslik-font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background-color 160ms ease}
.szf .szf-dugme:hover{background:var(--sz-accent-deep);color:var(--sz-on-accent)}

.szf-sosyal--ikon{display:flex;gap:6px}
.szf-sosyal--ikon a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--sz-border-strong);border-radius:10px;color:var(--sz-text-muted);transition:color 160ms ease,border-color 160ms ease}
.szf-sosyal--ikon a:hover{border-color:var(--sz-accent-text);color:var(--sz-accent-text)}

.szf-hero__yan{display:flex;flex-direction:column;min-width:0;padding-left:clamp(0px,3vw,40px);border-left:1px solid var(--sz-code-border)}
.szf-tanim{font-family:var(--szf-mono);font-size:16px;line-height:1.5}
.szf-tanim>div{display:grid;grid-template-columns:10ch minmax(0,1fr);gap:12px;padding:5px 0}
.szf-tanim dt{color:var(--sz-code-comment)}
.szf-tanim dd{color:var(--sz-code-ink);overflow-wrap:anywhere}
.szf-tanim>div:nth-child(n+3) dd{color:var(--sz-code-string);font-variant-numeric:tabular-nums}

.szf-bolum__baslik{font-size:clamp(25px,2.7vw,36px);line-height:1.2}
.szf-bolum__not{max-width:62ch;margin-top:12px;color:var(--sz-text-muted)}

.szf-alanlar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:26px}
.szf-alan{grid-column:span 2;display:flex;flex-direction:column;padding:24px;border:1px solid var(--szf-cizgi);border-radius:12px;background:var(--sz-surface)}
.szf-alan:nth-child(-n+2){grid-column:span 3}
.szf-alan__baslik{position:relative;padding-left:18px;font-size:18px;line-height:1.3}
.szf-alan__baslik::before{content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;background:var(--szf-ton)}
.szf-alan__metin{margin-top:10px;color:var(--sz-text-muted);font-size:15.5px;line-height:1.6}
.szf-cipler{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px}
.szf .szf-cipler li{padding:3px 9px;border:1px solid color-mix(in srgb,var(--szf-ton) 34%,transparent);border-radius:6px;color:var(--szf-ton);font-family:var(--szf-mono);font-size:13px;line-height:1.4}

.szf-yazi-bolum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.72fr);gap:clamp(24px,5vw,72px);align-items:start}
.szf-yazi-bolum__metin{max-width:68ch;color:var(--sz-text-muted);font-size:clamp(17px,1.35vw,18.5px);line-height:1.72}
.szf-yazi-bolum__metin p+p{margin-top:1.1em}
.szf-yazi-bolum__metin a{color:var(--sz-accent-text)}

.szf-okur{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(32px,5vw,72px);align-items:start}

.szf-cubuklar{margin-top:18px}
.szf-cubuklar a{display:grid;grid-template-columns:3ch minmax(0,10.5em) minmax(0,1fr);align-items:center;gap:14px;min-height:44px;color:var(--sz-text);text-decoration:none}
.szf-cubuklar li+li a{border-top:1px solid var(--szf-cizgi)}
.szf-cubuk__sayi{color:var(--szf-ton);font-family:var(--szf-mono);font-size:15px;font-variant-numeric:tabular-nums;text-align:right}
.szf-cubuk__ad{font-size:15.5px;line-height:1.3}
.szf-cubuklar a:hover .szf-cubuk__ad{color:var(--szf-ton)}
.szf-cubuk{display:block;height:8px;background:var(--sz-surface-2)}
.szf-cubuk__dolu{display:block;width:100%;height:100%;background:var(--szf-ton);transform:scaleX(var(--oran,1));transform-origin:0 50%;transition:transform 620ms cubic-bezier(.2,.7,.2,1)}
.szf-js .szf-konular:not(.is-gorunur) .szf-cubuk__dolu{transform:scaleX(0)}

.szf-yazilar{margin-top:18px}
.szf-yazilar__oge{position:relative;display:grid;grid-template-columns:168px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid var(--szf-cizgi)}
.szf-yazilar__oge:first-child{padding-top:0;border-top:0}
.szf-yazilar__oge:last-child{padding-bottom:0}
.szf-yazilar__medya{aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:var(--sz-surface-2)}
.szf-yazilar__gorsel{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.88);transition:filter 160ms ease}
.szf-yazilar__oge:hover .szf-yazilar__gorsel{filter:none}
.szf-yazilar__konu{color:var(--sz-accent-text);font-size:14px;line-height:1.4}
.szf-yazilar__baslik{margin-top:2px;font-size:17px;line-height:1.35}
.szf .szf-yazilar__baslik a{color:inherit;text-decoration:none}
.szf-yazilar__baslik a::after{content:"";position:absolute;inset:0}
.szf-yazilar__oge:hover .szf-yazilar__baslik{color:var(--sz-accent-text)}
.szf-yazilar__metin time{display:block;margin-top:4px;color:var(--sz-text-subtle);font-size:14px}

.szf-cagri__ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.szf-cagri__ic>div:first-child{flex:1 1 420px;min-width:0}
.szf-cagri__metin{max-width:36em;color:var(--sz-ink-strong);font-family:var(--szf-baslik-font);font-size:clamp(19px,1.9vw,25px);font-weight:500;line-height:1.4;letter-spacing:-.01em}
.szf-cagri__metin a{color:var(--sz-accent-text);text-underline-offset:.16em}

.szf-ilet__duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;grid-template-areas:"bas form" "yan form";gap:clamp(28px,3vw,40px) clamp(32px,5vw,72px);align-items:start}
.szf-ilet__bas{grid-area:bas;padding-top:8px}
.szf-ilet__form{grid-area:form;min-width:0}
.szf-ilet__yan{grid-area:yan}
.szf-ilet__baslik{margin-top:6px;font-size:clamp(44px,6.4vw,84px);line-height:1.05;letter-spacing:-.03em}
.szf-ilet__on{max-width:26em;margin-top:18px;color:var(--sz-ink-strong);font-family:var(--szf-baslik-font);font-size:clamp(17px,1.5vw,20px);font-weight:500;line-height:1.45}

.szf-konu-listesi{margin-top:24px}
.szf-konu-listesi li{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:4px 14px;padding:11px 0;border-top:1px solid var(--szf-cizgi);font-size:15.5px;line-height:1.45}
.szf-konu-listesi li:last-child{border-bottom:1px solid var(--szf-cizgi)}
.szf-konu-listesi strong{color:var(--sz-text);font-family:var(--szf-baslik-font);font-size:15px;font-weight:500}
.szf-konu-listesi span{color:var(--sz-text-subtle)}

.szf-ilet__alt{font-size:18px;line-height:1.3}
.szf-sosyal--kart{display:grid;gap:8px;margin-top:12px}
.szf-sosyal--kart a{display:grid;grid-template-columns:18px auto minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--szf-cizgi);border-radius:10px;background:var(--sz-surface);color:var(--sz-text);text-decoration:none;transition:border-color 160ms ease}
.szf-sosyal--kart a:hover{border-color:var(--sz-accent-text)}
.szf-sosyal--kart svg{color:var(--sz-text-muted)}
.szf-sosyal__ad{font-family:var(--szf-baslik-font);font-size:15px;font-weight:500}
.szf-sosyal__hesap{color:var(--sz-text-subtle);font-family:var(--szf-mono);font-size:14px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.szf .wpforms-container.wpforms-container-full.wpforms-render-modern{
  --wpforms-field-size-input-height:48px;
  --wpforms-field-size-font-size:16px;
  --wpforms-field-size-padding-h:14px;
  --wpforms-field-background-color:var(--sz-field-bg);
  --wpforms-field-border-color:var(--sz-field-border);
  --wpforms-field-border-color-spare:var(--sz-field-border);
  --wpforms-field-text-color:var(--sz-field-fg);
  --wpforms-label-color:var(--sz-text);
  --wpforms-label-error-color:var(--sz-danger);
  --wpforms-button-background-color:var(--sz-accent-strong);
  --wpforms-button-border-color:var(--sz-accent-strong);
  --wpforms-button-text-color:var(--sz-on-accent);
  margin:14px 0 0;
  padding:0;
}
.szf div.wpforms-container-full .wpforms-form .wpforms-field-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.szf div.wpforms-container-full .wpforms-form .wpforms-field{min-width:0;padding:0;margin:0}
.szf div.wpforms-container-full .wpforms-form .wpforms-field-textarea{grid-column:1 / -1}
.szf div.wpforms-container-full .wpforms-form .wpforms-field-label{margin:0 0 6px;font-family:var(--szf-baslik-font);font-size:14.5px;font-weight:500;line-height:1.4}
.szf div.wpforms-container-full .wpforms-form .wpforms-required-label{color:var(--sz-danger)}
.szf div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
.szf div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{width:100%;max-width:100%;border-radius:8px;font-family:var(--szf-govde-font);line-height:1.5}
.szf div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{display:block;height:184px;min-height:120px;padding-top:12px;padding-bottom:12px;resize:vertical}
.szf div.wpforms-container-full .wpforms-form input.wpforms-field-medium:focus,
.szf div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:focus{border-color:var(--sz-focus);box-shadow:none;outline:2px solid var(--sz-focus);outline-offset:1px}

.szf .wpforms-form input:-webkit-autofill,
.szf .wpforms-form input:-webkit-autofill:hover,
.szf .wpforms-form input:-webkit-autofill:focus,
.szf .wpforms-form textarea:-webkit-autofill{-webkit-text-fill-color:var(--sz-field-fg) !important;caret-color:var(--sz-field-fg);-webkit-box-shadow:0 0 0 1000px var(--sz-field-bg) inset !important;box-shadow:0 0 0 1000px var(--sz-field-bg) inset !important;transition:background-color 86400s linear 0s}

.szf div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{min-height:78px;margin:18px 0 0;padding:0}
.szf .wpforms-recaptcha-container iframe{color-scheme:light}
.szf .g-recaptcha iframe{display:block;height:78px;margin:0;padding:0}
.szf .g-recaptcha>div>div{height:78px}
.szf .wpforms-form label.wpforms-error,
.szf .wpforms-form em.wpforms-error{color:var(--sz-danger);font-size:14px;font-style:normal;line-height:1.4}
.szf .wpforms-form input.wpforms-error,
.szf .wpforms-form textarea.wpforms-error{border-color:var(--sz-danger)}

.szf div.wpforms-container-full .wpforms-form .wpforms-submit-container{display:flex;align-items:center;gap:12px;margin:20px 0 0;padding:0}
.szf div.wpforms-container-full .wpforms-form button.wpforms-submit{min-height:48px;height:48px;padding:0 28px;border:0;border-radius:10px;background:var(--sz-accent-strong);color:var(--sz-on-accent);font-family:var(--szf-baslik-font);font-size:15px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;box-shadow:none;transition:background-color 160ms ease}
.szf div.wpforms-container-full .wpforms-form button.wpforms-submit:hover,
.szf div.wpforms-container-full .wpforms-form button.wpforms-submit:active{background:var(--sz-accent-deep);color:var(--sz-on-accent)}
.szf div.wpforms-container-full .wpforms-form button.wpforms-submit:focus-visible{outline:2px solid var(--sz-focus);outline-offset:2px}

.szf .wpforms-confirmation-container-full,
.szf .wpforms-container .wpforms-error-container{margin:14px 0 0;padding:16px 18px;border:1px solid var(--sz-brand);border-radius:10px;background:var(--sz-accent-soft) !important;color:var(--sz-accent-soft-text) !important;font-size:16px;line-height:1.55}
.szf .wpforms-confirmation-container-full p{margin:0;color:inherit !important}
.szf .wpforms-container .wpforms-error-container{border-color:var(--sz-danger);background:var(--sz-surface-2) !important;color:var(--sz-danger) !important}

.szf-duz{max-width:820px}
.szf-duz__baslik{font-size:clamp(34px,5vw,56px);line-height:1.1;letter-spacing:-.025em}
.szf-duz__metin{margin-top:20px;color:var(--sz-text-muted);font-size:17px;line-height:1.7}

@media (prefers-reduced-motion:no-preference){
  @keyframes szf-belir{from{opacity:0;transform:translateY(8px)}}
  @keyframes szf-bas{from{visibility:hidden}}
  .szf-hero__baslik,.szf-ilet__baslik{animation:szf-belir 420ms cubic-bezier(.2,.7,.2,1) 90ms backwards}
  .szf-hero__metin,.szf-ilet__on,.szf-konu-listesi{animation:szf-belir 420ms cubic-bezier(.2,.7,.2,1) 200ms backwards}
  .szf-hero__yan .szf-komut{animation:szf-bas 1ms linear 380ms backwards}
  .szf-tanim>div{animation:szf-bas 1ms linear calc(460ms + var(--i,0) * 80ms) backwards}
}

@media (max-width:1024px){
  .szf{--szf-kenar:24px}
  .szf-hero__duzen{grid-template-columns:minmax(0,1fr)}
  .szf-hero__isaret{display:none}
  .szf-hero__yan{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid var(--sz-code-border)}
  .szf-alan,.szf-alan:nth-child(-n+2){grid-column:span 3}
  .szf-alan:last-child:nth-child(odd){grid-column:1 / -1}
  .szf-okur{grid-template-columns:minmax(0,1fr)}
  .szf-ilet__duzen{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"bas" "form" "yan"}
  .szf-sosyal--kart{grid-template-columns:repeat(3,minmax(0,1fr))}
  .szf-sosyal--kart a{grid-template-columns:18px minmax(0,1fr);row-gap:0;padding:10px 14px}
  .szf-sosyal__hesap{grid-column:2;text-align:left}
}
@media (max-width:767px){
  .szf{--szf-kenar:16px}
  .szf-alan,.szf-alan:nth-child(-n+2),.szf-alan:last-child:nth-child(odd){grid-column:1 / -1}
  .szf-alan{padding:20px}
  .szf-yazi-bolum{grid-template-columns:minmax(0,1fr)}
  .szf-pencere__bas{padding:0 14px}
  .szf-tanim{font-size:15px}
  .szf-cubuklar a{grid-template-columns:3ch minmax(0,1fr) 34%;gap:10px}
  .szf-yazilar__oge{grid-template-columns:112px minmax(0,1fr);gap:14px}
  .szf-yazilar__baslik{font-size:16px}
}
@media (max-width:560px){
  .szf div.wpforms-container-full .wpforms-form .wpforms-field-container{grid-template-columns:minmax(0,1fr)}
  .szf-konu-listesi li{grid-template-columns:minmax(0,1fr)}
  .szf-sosyal--kart{grid-template-columns:minmax(0,1fr)}
  .szf-sosyal--kart a{grid-template-columns:18px auto minmax(0,1fr);padding:0 16px}
  .szf-sosyal__hesap{grid-column:auto;text-align:right}
  .szf-eylem .szf-dugme{flex:1 1 100%}
}
@media (max-width:379px){
  .szf .g-recaptcha{width:304px;height:66px;transform:scale(.84);transform-origin:0 0}
  .szf div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{min-height:66px}
}
