:root{
 --dcf-bg:#081c3b;--dcf-panel:#123673;--dcf-text:#fff;--dcf-muted:#e0ebff;
 --dcf-gradient-start:#245cbd;--dcf-gradient-mid:#173f8a;--dcf-gradient-end:#081c3b;
 --dcf-gradient:linear-gradient(135deg,var(--dcf-gradient-start) 0%,var(--dcf-gradient-mid) 44%,var(--dcf-gradient-end) 100%);
 --dcf-opening-start:#dceaff;--dcf-opening-end:#bfd8ff;
 --dcf-accent:#c7dcff;--dcf-blue:#2452b5;--dcf-light:#dceaff;--dcf-ink:#10233f;
 --dcf-soft:#344f76;--dcf-line:#ffffff36;--dcf-light-line:#8eaed1;--dcf-white:#fff;
 --dcf-green:#166447;--dcf-lime:#d9f1ad;--dcf-mint:#e9f8f1;
 --dcf-font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
 --dcf-max:1280px;--dcf-target:44px;--dcf-radius:24px;--dcf-gap:40px;--dcf-speed:180ms;
}
/* Standalone preview shell. Component rules are scoped to .dcf. */
.dcf,.dcf *{box-sizing:border-box}.dcf{font-family:var(--dcf-font);font-size:1rem;line-height:1.6;color:var(--dcf-text);background:var(--dcf-gradient);-webkit-font-smoothing:antialiased}.dcf p,.dcf h2{margin:0}.dcf a{color:inherit;text-decoration:none}.dcf a,.dcf p,.dcf h2{min-width:0;overflow-wrap:anywhere}.dcf svg{flex-shrink:0}.dcf a:focus-visible{outline:3px solid var(--dcf-accent);outline-offset:5px;border-radius:5px}.dcf ::selection{background:var(--dcf-accent);color:var(--dcf-ink)}
.dcf-wrap{width:min(var(--dcf-max),calc(100% - 128px));margin-inline:auto}
.dcf-opening{background:linear-gradient(110deg,var(--dcf-opening-start),var(--dcf-opening-end));color:var(--dcf-ink);border-top:1px solid var(--dcf-light-line)}.dcf-opening-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:72px;align-items:center;padding-block:46px 50px}.dcf-tagline{font-size:clamp(2.4rem,3.6vw,3.35rem);font-weight:500;line-height:1.14;letter-spacing:-.047em}.dcf-tagline span{color:var(--dcf-blue)}
.dcf-join{padding-left:36px;border-left:1px solid var(--dcf-light-line)}.dcf-join h2{color:var(--dcf-soft);font-size:.875rem;letter-spacing:.04em;font-weight:600;margin-bottom:17px}.dcf-join a{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:14px 20px;border-radius:12px;background:var(--dcf-ink);color:var(--dcf-white);font-size:1rem;font-weight:550;transition:background var(--dcf-speed)}.dcf-join a svg{transition:transform var(--dcf-speed)}.dcf-join a:hover,.dcf-join a:focus-visible{background:var(--dcf-blue)}.dcf-join a:hover svg{transform:translateX(3px)}.dcf-join a:focus-visible{outline-color:var(--dcf-blue)}
.dcf-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.62fr);gap:var(--dcf-gap);padding-block:48px 36px;align-items:start}
.dcf-brand{display:inline-flex;align-items:center;gap:10px;min-height:var(--dcf-target);max-width:100%;font-size:1.5625rem;font-weight:730;letter-spacing:-.05em}.dcf-brand>span:last-child{min-width:0}.dcf-mark{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:var(--dcf-green);color:var(--dcf-lime);border-radius:12px}.dcf-brand-light{color:var(--dcf-accent);font-weight:420}
.dcf-about>p{color:var(--dcf-muted);max-width:275px;font-size:.9375rem;line-height:1.8;margin-top:20px}.dcf-about .dcf-principles{font-size:.875rem;color:var(--dcf-text);line-height:1.7;margin-top:22px}.dcf-principles span{display:block}.dcf-principles span:before{content:'—';color:var(--dcf-accent);padding-right:9px}
.dcf-nav h2{font-size:.9375rem;font-weight:650;letter-spacing:.015em;line-height:1.6;margin-bottom:15px;padding-top:10px}.dcf-nav ul{list-style:none;padding:0;margin:0}.dcf-nav a{display:flex;align-items:center;min-height:var(--dcf-target);padding-block:9px;font-size:.9375rem;line-height:1.65;color:var(--dcf-muted);width:fit-content;max-width:100%;text-underline-offset:5px;transition:color var(--dcf-speed)}.dcf-nav a:hover,.dcf-nav a:focus-visible{color:var(--dcf-white);text-decoration:underline;text-decoration-color:var(--dcf-accent)}
.dcf-social{margin-top:25px}.dcf-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;max-width:270px}.dcf-social-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.5;min-height:44px;padding:8px 0;color:var(--dcf-muted)!important}.dcf-social-link svg{width:18px;height:18px;color:var(--dcf-accent)}.dcf-social-link:hover,.dcf-social-link:focus-visible{color:var(--dcf-white)!important;text-decoration:underline;text-underline-offset:4px}
.dcf-ai{border:1px solid var(--dcf-line);border-radius:18px;background:linear-gradient(115deg,#2456a6,#102e65);box-shadow:inset 0 1px 0 #ffffff14,0 14px 36px #061a3924;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.dcf-ai-copy{max-width:400px}.dcf-ai h2{font-size:1.0625rem;line-height:1.5;font-weight:550;letter-spacing:-.01em;margin-bottom:5px}.dcf-ai p{font-size:.875rem;line-height:1.7;color:var(--dcf-muted)}.dcf-ai-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex-shrink:0}.dcf-ai-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:12px 14px;border:1px solid var(--dcf-line);border-radius:10px;background:var(--dcf-bg);font-size:.875rem;font-weight:500;transition:background var(--dcf-speed),color var(--dcf-speed)}.dcf-ai-links svg{color:var(--dcf-accent);width:15px;height:15px}.dcf-ai-links a:hover,.dcf-ai-links a:focus-visible{background:var(--dcf-light);color:var(--dcf-ink)}.dcf-ai-links a:hover svg,.dcf-ai-links a:focus-visible svg{color:var(--dcf-blue)}
.dcf-note{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;padding:24px 0;color:var(--dcf-muted);font-size:.8125rem;line-height:1.75}.dcf-note strong{font-weight:550;color:var(--dcf-text);font-size:.875rem}.dcf-note p{max-width:900px}
.dcf-bottom{padding:20px 0 26px;border-top:1px solid var(--dcf-line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--dcf-muted);font-size:.8125rem;line-height:1.6}.dcf-bottom p:last-child{display:flex;gap:12px;flex-wrap:wrap}.dcf-dot{color:var(--dcf-accent)}
.dcf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.dcf-wrap{width:calc(100% - 72px)}.dcf-opening-inner{gap:40px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.dcf-join{padding-left:28px}.dcf-main{grid-template-columns:1fr 1fr 1fr;gap:28px}.dcf-about{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:12px 28px;align-items:center}.dcf-about>p{margin:0;max-width:none}.dcf-about .dcf-principles{margin:0}.dcf-social{margin-top:0;grid-column:1/-1}.dcf-social-links{display:flex;gap:24px;max-width:none;flex-wrap:wrap}.dcf-ai{flex-direction:column;align-items:start;gap:20px}.dcf-ai-copy{max-width:none}.dcf-ai-links{width:100%}.dcf-ai-links a{gap:12px}.dcf-note{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:700px){.dcf-wrap{width:calc(100% - 48px)}.dcf-opening-inner{grid-template-columns:1fr;gap:28px;padding-block:32px}.dcf-tagline{font-size:clamp(2.15rem,8.5vw,2.75rem);line-height:1.16;letter-spacing:-.046em}.dcf-join{border-left:0;border-top:1px solid var(--dcf-light-line);padding:23px 0 0}.dcf-join h2{margin-bottom:12px}.dcf-join a{width:100%;min-height:52px;padding:13px 18px}.dcf-main{display:flex;flex-direction:column;gap:0;padding:30px 0}.dcf-about{display:block;width:100%;padding-bottom:28px;border-bottom:1px solid var(--dcf-line)}.dcf-brand{font-size:1.5625rem}.dcf-about>p{margin-top:18px;max-width:320px}.dcf-about .dcf-principles{margin-top:17px;display:flex;gap:5px 16px;flex-wrap:wrap}.dcf-social{margin-top:17px}.dcf-social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.dcf-social-link{font-size:.875rem;border:1px solid var(--dcf-line);border-radius:10px;padding:10px 12px;min-height:46px;justify-content:center;flex-wrap:wrap}.dcf-nav{padding:25px 0 20px;width:100%;border-bottom:1px solid var(--dcf-line)}.dcf-nav:last-child{padding-bottom:0;border-bottom:0}.dcf-nav h2{font-size:1rem;margin-bottom:10px;padding:0}.dcf-nav a{font-size:1rem;min-height:46px;width:100%;padding-block:9px}.dcf-ai{padding:24px;gap:20px;border-radius:16px}.dcf-ai h2{font-size:1.3125rem;line-height:1.35;margin-bottom:10px;max-width:260px;letter-spacing:-.025em}.dcf-ai p{max-width:270px}.dcf-ai-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex-shrink:1}.dcf-ai-links a{min-height:50px;padding:12px;gap:6px;flex-wrap:wrap}.dcf-ai-links a svg{width:14px;height:14px}.dcf-note{grid-template-columns:1fr;gap:7px;padding-block:23px;font-size:.875rem;line-height:1.75}.dcf-bottom{align-items:start;flex-direction:column;gap:8px;font-size:.875rem;padding-block:20px 28px}}
@media(prefers-reduced-motion:reduce){.dcf,.dcf *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.dcf a svg{transform:none!important}}
@media(forced-colors:active){.dcf a{forced-color-adjust:auto}.dcf-ai,.dcf-join a,.dcf-social-link{border:1px solid CanvasText}}

/* 2026-09-27 Renk ve Tasarim Guncellemeleri */
:root {
  --mg: radial-gradient(circle at 92% 4%, #8f9fff55 0, #0000 18rem), radial-gradient(circle at 5% 110%, #31a77c38 0, #0000 20rem), linear-gradient(125deg, #0c213d 0%, #183555 52%, #17485a 100%);
}
footer.dcf {
  padding-top: 0 !important;
  border-top: 0 !important;
  background: var(--mg) !important;
}
.dcf-opening {
  background: transparent !important;
  color: #fff !important;
  border-top: 0 !important;
  border-bottom: 1px solid #ffffff1f;
}
.dcf-opening .dcf-tagline, .dcf-opening h2, .dcf-opening p {
  color: #fff !important;
}
.dcf-tagline span {
  color: #b9cafa !important;
}
.dcf-join {
  border-left-color: #ffffff33 !important;
}
.dcf-join > h2 {
  display: none !important;
}
.dcf-join a {
  background: linear-gradient(135deg, #ffffff24, #ffffff0a) !important;
  color: #fff !important;
  border: 1px solid #ffffff59 !important;
  box-shadow: inset 0 1px 0 #ffffff33, 0 10px 30px #0000002e !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: background .18s, border-color .18s;
}
.dcf-join a:hover {
  background: linear-gradient(135deg, #ffffff38, #ffffff14) !important;
  border-color: #ffffff8c !important;
}
.dcf-join a * {
  color: #fff !important;
}
.dcf-ai {
  background: #ffffff0f !important;
  border-color: #ffffff26 !important;
}
