*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f8f6;color:#16322a;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1220px,calc(100% - 32px));margin:0 auto}.site-shell{overflow:hidden}.top-strip{background:#0f3026;color:#e9f1ee;font-size:14px}.top-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0}.top-contact,.top-socials{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.top-contact a,.top-socials a,.top-contact span{display:inline-flex;align-items:center;gap:8px;color:#e9f1ee;opacity:.95}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,49,38,.06)}.navbar-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand strong{display:block;font-size:18px;color:#102f25}.brand small{display:block;color:#5d766d;font-size:13px}.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 14px 30px rgba(12,71,55,.12);padding:6px}.brand-logo-text{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0f6b51,#d2b36b);color:#fff;font-size:22px;box-shadow:0 12px 24px rgba(15,68,53,.18)}.main-nav{display:flex;align-items:center;gap:24px}.main-nav a{font-weight:700;color:#28473e;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#0f6b51}.nav-cta{padding:12px 18px;border-radius:14px;background:#0f6b51;color:#fff!important;box-shadow:0 14px 22px rgba(15,107,81,.2)}.menu-toggle{display:none;background:#fff;border:1px solid #d8e6e0;border-radius:14px;width:52px;height:52px;padding:0;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:#16372e;margin:5px auto;border-radius:999px}.alert-wrap{padding-top:18px}.site-alert{padding:14px 18px;border-radius:16px;font-weight:700;box-shadow:0 12px 24px rgba(11,67,50,.08)}.site-alert-success{background:#dff3e7;color:#175b36}.site-alert-warning{background:#fff1d8;color:#8a5a00}.site-alert-danger{background:#fde0e0;color:#912f2f}.hero{padding:72px 0 38px;background:radial-gradient(circle at top left,rgba(210,179,107,.22),transparent 28%),radial-gradient(circle at 80% 20%,rgba(15,107,81,.12),transparent 22%),linear-gradient(180deg,#f9fcfb,#edf6f2)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.hero-panel,.glass-card,.content-card,.prose,.team-card,.empty-box,.impact-card,.mini-card,.timeline-card,.testimonial-card,.doc-card,.event-card,.join-card{background:#fff;border-radius:28px;border:1px solid #e7efec;box-shadow:0 20px 42px rgba(11,67,50,.08)}.hero-panel{padding:34px;position:relative;overflow:hidden}.hero-panel::after{content:"";position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(210,179,107,.18),transparent 70%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#e7f4ef;color:#0f6b51;font-weight:800;font-size:13px}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.04;margin:18px 0 14px;color:#102d25;letter-spacing:-.03em}.hero p{font-size:18px;color:#587168;max-width:60ch;margin:0}.hero-actions,.submit-row,.btn-row{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;font-weight:800;transition:.2s;border:none;cursor:pointer}.btn-primary{background:#0f6b51;color:#fff;box-shadow:0 14px 24px rgba(15,107,81,.24)}.btn-secondary{background:#fff;border:1px solid #d7e3df;color:#173b30}.btn:hover{transform:translateY(-1px)}.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trust-badge,.card-badge,.pill,.rating-stars{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#ecf4f1;color:#0f6b51;font-size:13px;font-weight:800}.hero-side{display:grid;gap:18px}.stats-list{display:grid;gap:14px}.stat-item,.mini-card,.timeline-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:22px;padding:18px 20px;border:1px solid #e7efec;box-shadow:0 20px 40px rgba(11,67,50,.08)}.stat-item i,.mini-icon,.timeline-card i{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:#e6f4ef;color:#0f6b51;font-size:20px;flex:0 0 auto}.hero-feature-box{padding:24px;background:linear-gradient(135deg,#103126,#173e33);color:#fff;border-radius:28px;box-shadow:0 24px 44px rgba(14,48,38,.18)}.hero-feature-box h3{margin:0 0 10px;font-size:30px}.hero-feature-box p{margin:0;color:#d5e4de}.hero-feature-box ul{padding:0;list-style:none;display:grid;gap:12px;margin:18px 0 0}.hero-feature-box li{display:flex;gap:10px;align-items:flex-start;color:#fff}.hero-feature-box li i{margin-top:5px;color:#d2b36b}.section{padding:76px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.section-header h2{margin:0;font-size:clamp(30px,4vw,42px);color:#102d25;letter-spacing:-.03em}.section-header p{max-width:58ch;color:#587168;margin:0}.impact-grid,.card-grid,.team-grid,.docs-grid,.events-grid,.testimonials-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.impact-grid{grid-template-columns:repeat(4,1fr)}.impact-card{padding:26px}.impact-card strong{display:block;font-size:40px;line-height:1;color:#103126;letter-spacing:-.03em}.impact-card span{display:block;margin-top:10px;color:#5c766d;font-weight:700}.content-card,.doc-card,.event-card,.testimonial-card{overflow:hidden}.content-card img,.event-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.content-card-body,.doc-card-body,.event-card-body,.testimonial-card-body{padding:22px}.content-card h3,.event-card h3,.doc-card h3,.testimonial-card h3{margin:0 0 12px;font-size:24px;color:#113025;letter-spacing:-.02em}.content-card p,.event-card p,.doc-card p,.testimonial-card p{margin:0 0 16px;color:#61786f}.content-card a.more-link,.doc-link,.event-link{font-weight:800;color:#0f6b51}.more-link i,.doc-link i,.event-link i{margin-left:6px}.section-dark{background:#103126;color:#f4f8f7}.section-dark .section-header h2,.section-dark .section-header p{color:#fff}.section-dark .mini-card,.section-dark .timeline-card,.section-dark .join-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}.section-dark .mini-card h3,.section-dark .timeline-card h3,.section-dark .join-card h3{color:#fff}.section-dark .mini-card p,.section-dark .timeline-card p,.section-dark .join-card p{color:#d5e4de}.benefit-grid .mini-card{padding:24px}.split-band{display:grid;grid-template-columns:1fr 1fr;gap:22px}.prose{padding:30px}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}.prose ul{padding-left:20px}.prose h2,.prose h3{color:#103126}.page-hero{padding:70px 0;background:radial-gradient(circle at top left,rgba(210,179,107,.18),transparent 32%),linear-gradient(180deg,#f8fbfa,#eef5f2)}.page-hero h1{margin:0 0 10px;font-size:clamp(34px,5vw,52px);color:#102d25;letter-spacing:-.03em}.page-hero p{margin:0;color:#60796f;max-width:60ch}.detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:24px}.sidebar-card{background:#fff;border:1px solid #e7efec;border-radius:24px;box-shadow:0 18px 36px rgba(11,67,50,.08);padding:24px}.sidebar-card h3{margin-top:0}.meta-list{display:grid;gap:12px;margin-top:18px}.meta-item{display:flex;gap:12px;align-items:flex-start}.meta-item i{width:38px;height:38px;border-radius:14px;background:#e8f4ef;color:#0f6b51;display:grid;place-items:center;flex:0 0 auto}.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:700;color:#18352d}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #d5e5de;background:#fff;font:inherit;color:#17352d}.form-group textarea{min-height:160px;resize:vertical}.form-group.full{grid-column:1/-1}.empty-box{padding:32px;color:#5c766d;border-style:dashed}.join-card{padding:32px}.join-card h3{margin:0 0 10px;font-size:32px}.join-card p{margin:0 0 18px;color:#d5e4de}.site-footer{margin-top:72px;background:#0d2b22;color:#e6f0ed}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:26px;padding:54px 0}.site-footer h3,.site-footer h4{margin:0 0 16px;color:#fff}.site-footer p,.site-footer li,.site-footer small{color:#c9d7d2}.footer-links,.footer-news,.footer-contact{list-style:none;padding:0;margin:0;display:grid;gap:12px}.footer-contact li{display:flex;gap:12px;align-items:flex-start}.footer-socials{display:flex;gap:12px;margin-top:16px}.footer-socials a{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;color:#c9d7d2}.footer-bottom a{color:#fff;font-weight:700}.cta-banner{padding:28px;border-radius:28px;background:linear-gradient(135deg,#0f6b51,#18483b);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;box-shadow:0 24px 40px rgba(15,68,53,.16)}.cta-banner h3{margin:0 0 10px;font-size:30px}.cta-banner p{margin:0;color:#d5e4de;max-width:60ch}.testimonial-quote{font-size:18px;line-height:1.8;color:#17352d;margin-bottom:18px}.rating-stars{background:#fff7dd;color:#936400}.doc-file-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff6e6;color:#8a5a00;font-size:12px;font-weight:800}.map-box iframe{width:100%;border:0;min-height:320px;border-radius:26px;box-shadow:0 18px 36px rgba(11,67,50,.08)}.admin-shortcut{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#0f6b51;font-weight:800}@media (max-width:1160px){.impact-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.docs-grid,.events-grid,.testimonials-grid,.team-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.split-band,.detail-layout{grid-template-columns:1fr}}@media (max-width:768px){.top-strip-inner{justify-content:center}.top-contact{justify-content:center}.top-socials{display:none}.menu-toggle{display:block}.main-nav{position:absolute;top:100%;left:16px;right:16px;background:#fff;border:1px solid #dce8e3;border-radius:24px;padding:18px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 24px 40px rgba(10,66,49,.14)}.main-nav.is-open{display:flex}.impact-grid,.card-grid,.docs-grid,.events-grid,.team-grid,.testimonials-grid,.listing-grid,.footer-grid,.form-grid,.benefit-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.btn{width:100%}.hero-actions{display:grid}.navbar-wrap{padding:12px 0}.hero-panel,.join-card,.prose,.impact-card{padding:24px}.cta-banner{padding:24px}}@media (max-width:540px){.hero h1{font-size:34px}.page-hero h1,.section-header h2{font-size:30px}.content-card h3,.event-card h3,.doc-card h3,.testimonial-card h3{font-size:21px}}
/* === Marka Güncellemesi: Hayata İz Bırak - Yeşil / Sarı === */
:root{
--brand-green:#1b5e3a;
--brand-green-dark:#123b28;
--brand-green-deep:#0f2f1f;
--brand-green-soft:#edf6ee;
--brand-yellow:#f4c414;
--brand-yellow-deep:#ddb100;
--brand-yellow-soft:#fff7cf;
--brand-text:#173326;
--brand-muted:#60756a;
--brand-line:#dce8dd;
--brand-body:#f6faf6;
}
body{
background:var(--brand-body);
color:var(--brand-text);
}
.top-strip{
background:linear-gradient(90deg,var(--brand-green-dark),var(--brand-green));
color:#f4faf6;
}
.site-header{
background:rgba(255,255,255,.94);
border-bottom:1px solid rgba(27,94,58,.10);
box-shadow:0 10px 24px rgba(18,59,40,.05);
}
.brand strong{
color:var(--brand-green-dark);
font-size:20px;
}
.brand small{
color:var(--brand-muted);
}
.brand-logo{
width:84px;
height:84px;
padding:0;
background:transparent;
box-shadow:none;
border-radius:0;
object-fit:contain;
}
.brand-logo-text{
width:84px;
height:84px;
border-radius:24px;
background:linear-gradient(135deg,var(--brand-green),var(--brand-yellow));
box-shadow:0 16px 30px rgba(18,59,40,.18);
}
.main-nav a{
color:#234638;
}
.main-nav a:hover,
.main-nav a.active,
.content-card a.more-link,
.doc-link,
.event-link{
color:var(--brand-green);
}
.nav-cta{
background:linear-gradient(135deg,var(--brand-yellow),#ffd84a);
color:var(--brand-green-dark)!important;
box-shadow:0 14px 24px rgba(244,196,20,.28);
}
.nav-cta:hover{
transform:translateY(-1px);
filter:saturate(1.05);
}
.hero{
background:
radial-gradient(circle at top left,rgba(244,196,20,.24),transparent 30%),
radial-gradient(circle at 82% 18%,rgba(27,94,58,.14),transparent 24%),
linear-gradient(180deg,#fbfdf8,#eef7ef);
}
.hero-panel,
.glass-card,
.content-card,
.prose,
.team-card,
.empty-box,
.impact-card,
.mini-card,
.timeline-card,
.testimonial-card,
.doc-card,
.event-card,
.join-card,
.sidebar-card{
border-color:var(--brand-line);
}
.hero-panel::after{
background:radial-gradient(circle,rgba(244,196,20,.18),transparent 70%);
}
.eyebrow,
.trust-badge,
.card-badge,
.pill{
background:var(--brand-green-soft);
color:var(--brand-green);
}
.rating-stars,
.doc-file-badge{
background:var(--brand-yellow-soft);
color:#8c6900;
}
.btn-primary{
background:linear-gradient(135deg,var(--brand-green),#257448);
color:#fff;
box-shadow:0 16px 26px rgba(27,94,58,.22);
}
.btn-secondary{
border:1px solid rgba(27,94,58,.18);
color:var(--brand-green-dark);
}
.btn-secondary:hover{
background:var(--brand-yellow-soft);
}
.stat-item i,
.mini-icon,
.timeline-card i,
.meta-item i{
background:linear-gradient(135deg,var(--brand-green-soft),#e4f1e5);
color:var(--brand-green);
}
.hero-feature-box,
.section-dark,
.site-footer{
background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green));
}
.hero-feature-box li i{
color:var(--brand-yellow);
}
.page-hero{
background:
radial-gradient(circle at top left,rgba(244,196,20,.16),transparent 32%),
linear-gradient(180deg,#fbfdf8,#eef7ef);
}
.cta-banner{
background:linear-gradient(135deg,var(--brand-green),#2b7c4d);
}
.site-alert-warning{
background:var(--brand-yellow-soft);
color:#7c6100;
}
.site-alert-success{
background:#e6f5e8;
color:#1e6b3e;
}
.footer-socials a{
background:rgba(255,255,255,.13);
}
@media (max-width: 992px){
.brand-logo,
.brand-logo-text{
width:72px;
height:72px;
}
}
@media (max-width: 768px){
.brand strong{
font-size:17px;
}
.brand-logo,
.brand-logo-text{
width:64px;
height:64px;
}
}
/* === Marka Uyumu Güncellemesi: Logo paleti / antrasit + altın === */
:root{
--brand-dark:#1d1d20;
--brand-dark-soft:#2c2e34;
--brand-dark-deep:#111216;
--brand-gold:#f6c80f;
--brand-gold-deep:#c99700;
--brand-gold-soft:#fff3c7;
--brand-silver:#afb1b8;
--brand-silver-soft:#f0f1f4;
--brand-text:#1f2125;
--brand-muted:#6c7179;
--brand-line:#e5e7eb;
--brand-body:#faf8f2;
}
html{scroll-behavior:smooth;}
body{
background:linear-gradient(180deg,#fcfbf7 0%,#f7f4ec 100%);
color:var(--brand-text);
}
.top-strip{
background:linear-gradient(90deg,var(--brand-dark-deep),var(--brand-dark));
color:#f6f7f9;
}
.top-contact a,.top-contact span,.top-socials a{color:#f4f4f6;}
.site-header{
background:rgba(255,255,255,.95);
border-bottom:1px solid rgba(246,200,15,.16);
box-shadow:0 12px 28px rgba(17,18,22,.07);
}
.brand strong{
color:var(--brand-dark);
font-size:21px;
}
.brand small{color:var(--brand-muted);}
.brand-logo{
width:96px;
height:96px;
}
.brand-logo-text{
width:96px;
height:96px;
background:linear-gradient(135deg,var(--brand-dark),var(--brand-gold));
}
.main-nav a{color:#2d3036;}
.main-nav a:hover,.main-nav a.active,.content-card a.more-link,.doc-link,.event-link,.admin-shortcut{
color:var(--brand-dark);
}
.nav-cta{
background:linear-gradient(135deg,var(--brand-gold),#ffd451);
color:#17181b !important;
box-shadow:0 16px 28px rgba(246,200,15,.28);
}
.nav-cta:hover{
transform:translateY(-1px);
filter:saturate(1.05);
}
.hero{
background:
radial-gradient(circle at top left,rgba(246,200,15,.24),transparent 30%),
radial-gradient(circle at 86% 10%,rgba(176,178,184,.18),transparent 24%),
linear-gradient(180deg,#fffdf8,#f7f4ec);
}
.hero-panel,.glass-card,.content-card,.prose,.team-card,.empty-box,.impact-card,.mini-card,.timeline-card,.testimonial-card,.doc-card,.event-card,.join-card,.sidebar-card{
border-color:var(--brand-line);
}
.hero-panel,.prose,.content-card,.doc-card,.event-card,.testimonial-card,.impact-card,.sidebar-card,.mini-card,.team-card{
box-shadow:0 18px 36px rgba(17,18,22,.08);
}
.hero-panel::after{background:radial-gradient(circle,rgba(246,200,15,.18),transparent 70%);}
.eyebrow,.trust-badge,.card-badge,.pill{
background:rgba(255,255,255,.92);
color:var(--brand-dark);
border:1px solid rgba(246,200,15,.18);
}
.rating-stars,.doc-file-badge{
background:var(--brand-gold-soft);
color:#7a5a00;
}
.btn-primary{
background:linear-gradient(135deg,var(--brand-gold),#ffd349);
color:#17181b;
box-shadow:0 16px 26px rgba(246,200,15,.22);
}
.btn-secondary{
border:1px solid rgba(29,29,32,.16);
color:var(--brand-dark);
background:#fff;
}
.btn-secondary:hover{background:#fff8df;}
.stat-item i,.mini-icon,.timeline-card i,.meta-item i{
background:linear-gradient(135deg,var(--brand-gold-soft),#fffaf0);
color:var(--brand-dark);
}
.hero-feature-box,.section-dark,.site-footer{
background:linear-gradient(135deg,var(--brand-dark-deep),var(--brand-dark-soft));
}
.hero-feature-box li i,.section-dark .pill{color:var(--brand-gold);}
.section-dark .mini-card,.section-dark .timeline-card,.section-dark .join-card{
background:rgba(255,255,255,.07);
border-color:rgba(246,200,15,.10);
}
.section-dark .mini-card h3,.section-dark .timeline-card h3,.section-dark .join-card h3{color:#fff;}
.section-dark .mini-card p,.section-dark .timeline-card p,.section-dark .join-card p{color:#d7dae1;}
.page-hero{
background:
radial-gradient(circle at top left,rgba(246,200,15,.16),transparent 32%),
linear-gradient(180deg,#fffdf8,#f6f2e8);
}
.page-hero h1,.section-header h2,.content-card h3,.event-card h3,.doc-card h3,.testimonial-card h3,.impact-card strong,.prose h2,.prose h3{
color:var(--brand-dark);
}
.page-hero p,.content-card p,.event-card p,.doc-card p,.testimonial-card p,.impact-card span,.brand small{color:var(--brand-muted);}
.cta-banner{background:linear-gradient(135deg,#17181b,#34363d);}
.site-alert-warning{background:var(--brand-gold-soft);color:#7c6100;}
.site-alert-success{background:#eef1f5;color:#2f3137;}
.footer-socials a{background:rgba(255,255,255,.12);}
.footer-bottom{border-top:1px solid rgba(246,200,15,.12);}
.footer-bottom a{color:var(--brand-gold);}
.footer-meta-right{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;}
/* Hero slider */
.hero-side{display:grid;gap:20px;}
.hero-slider{
position:relative;
min-height:440px;
border-radius:30px;
overflow:hidden;
border:1px solid rgba(246,200,15,.18);
background:linear-gradient(135deg,#16171b,#2f3138);
box-shadow:0 26px 48px rgba(17,18,22,.18);
}
.hero-slide{
position:absolute;
inset:0;
opacity:0;
pointer-events:none;
transition:opacity .55s ease, transform .7s ease;
transform:scale(1.03);
}
.hero-slide.is-active{
opacity:1;
pointer-events:auto;
transform:scale(1);
}
.hero-slide img{width:100%;height:100%;object-fit:cover;}
.hero-slide::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(14,15,18,.06) 0%,rgba(14,15,18,.26) 46%,rgba(14,15,18,.66) 100%);
}
.hero-slide-overlay{
position:absolute;
left:24px;
right:24px;
bottom:24px;
z-index:2;
padding:24px;
border-radius:26px;
background:linear-gradient(180deg,rgba(17,18,22,.66),rgba(17,18,22,.88));
border:1px solid rgba(255,255,255,.09);
backdrop-filter:blur(9px);
color:#fff;
}
.hero-slide-overlay .pill{
background:rgba(246,200,15,.16);
color:#fff;
border-color:rgba(246,200,15,.34);
}
.hero-slide-overlay h3{margin:14px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.1;color:#fff;letter-spacing:-.03em;}
.hero-slide-overlay p{margin:0;color:#d9dde3;max-width:48ch;}
.hero-slide-link{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:16px;
padding:12px 18px;
border-radius:999px;
background:linear-gradient(135deg,var(--brand-gold),#ffd34d);
color:#17181b;
font-weight:800;
text-decoration:none;
}
.hero-slider-dots{
position:absolute;
top:18px;
right:18px;
display:flex;
gap:8px;
z-index:3;
}
.hero-slider-dots button{
width:12px;
height:12px;
border-radius:999px;
border:0;
cursor:pointer;
background:rgba(255,255,255,.45);
transition:all .25s ease;
}
.hero-slider-dots button.is-active{
width:34px;
background:linear-gradient(135deg,var(--brand-gold),#ffd34d);
}
.hero-feature-box{
border:1px solid rgba(246,200,15,.10);
box-shadow:0 20px 40px rgba(17,18,22,.18);
}
@media (max-width: 992px){
.brand-logo,.brand-logo-text{width:82px;height:82px;}
.hero-slider{min-height:380px;}
}
@media (max-width: 768px){
.brand strong{font-size:17px;}
.brand-logo,.brand-logo-text{width:72px;height:72px;}
.main-nav{border-color:#ece5c5;}
.hero-slider{min-height:340px;}
.hero-slide-overlay{left:16px;right:16px;bottom:16px;padding:18px;border-radius:22px;}
.footer-meta-right{justify-content:flex-start;}
}
@media (max-width: 540px){
.hero-slider{min-height:300px;}
.hero-slide-overlay h3{font-size:24px;}
}
/* === Final görsel düzeltmeler === */
.team-grid{
align-items:stretch;
}
.team-card{
position:relative;
padding:26px;
display:flex;
flex-direction:column;
gap:12px;
min-height:100%;
overflow:hidden;
transition:transform .25s ease, box-shadow .25s ease;
}
.team-card::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:5px;
background:linear-gradient(90deg,var(--brand-gold),#ffe28b);
}
.team-card:hover{
transform:translateY(-4px);
}
.team-avatar{
width:72px;
height:72px;
border-radius:22px;
display:grid;
place-items:center;
font-size:24px;
font-weight:800;
letter-spacing:-.02em;
background:linear-gradient(135deg,var(--brand-gold-soft),#fffaf0);
color:var(--brand-dark);
box-shadow:0 12px 24px rgba(17,18,22,.10);
}
.team-card h3{
margin:2px 0 0;
font-size:30px;
line-height:1.12;
letter-spacing:-.03em;
color:var(--brand-dark) !important;
}
.team-role{
display:inline-flex;
align-items:center;
align-self:flex-start;
padding:8px 14px;
border-radius:999px;
background:var(--brand-gold-soft);
color:var(--brand-dark) !important;
font-weight:800;
font-size:13px;
border:1px solid rgba(246,200,15,.24);
}
.team-card p{
margin:0;
color:var(--brand-muted) !important;
font-size:16px;
line-height:1.8;
}
.section-dark .team-card{
background:rgba(255,255,255,.98);
border:1px solid rgba(246,200,15,.16);
box-shadow:0 24px 44px rgba(0,0,0,.18);
}
.section-dark .team-card h3,
.section-dark .team-card .team-role,
.section-dark .team-card p,
.section-dark .team-card .team-avatar{
opacity:1;
}
.section-dark .team-card h3{
color:var(--brand-dark) !important;
}
.section-dark .team-card p{
color:var(--brand-muted) !important;
}
.section-dark .team-card .team-role{
background:var(--brand-gold-soft);
color:var(--brand-dark) !important;
}
@media (max-width:768px){
.team-card{
padding:22px;
}
.team-card h3{
font-size:24px;
}
.team-avatar{
width:64px;
height:64px;
border-radius:20px;
font-size:22px;
}
}
/* === Ana sayfa görsel vitrin alanı === */
.showcase-section{
padding-top:28px;
}
.showcase-top{
padding-top:36px;
padding-bottom:24px;
}
.showcase-top + .hero{
padding-top:24px;
}
.showcase-header p + p{
margin-top:14px;
}
.showcase-container{
display:grid;
gap:24px;
}
.showcase-header{
margin-bottom:0;
}
.showcase-stack{
display:grid;
gap:20px;
}
.showcase-stack-linear{
width:min(780px,100%);
margin:0 auto;
}
.showcase-card{
margin:0;
padding:12px;
border-radius:30px;
background:rgba(255,255,255,.92);
border:1px solid rgba(29,29,32,.08);
box-shadow:0 18px 36px rgba(17,18,22,.08);
}
.showcase-card img{
width:100%;
height:auto;
border-radius:22px;
}
.showcase-copy{
width:min(780px,100%);
margin:0 auto;
padding:32px 34px;
border-radius:30px;
background:rgba(255,255,255,.92);
border:1px solid rgba(29,29,32,.08);
box-shadow:0 18px 36px rgba(17,18,22,.08);
}
.showcase-copy-intro{
margin-bottom:2px;
}
.showcase-copy p{
margin:0;
color:var(--brand-muted);
font-size:18px;
line-height:1.85;
}
.showcase-copy p + p{
margin-top:18px;
}
@media (min-width:1280px){
.showcase-container{
gap:24px;
}
.showcase-stack-linear,
.showcase-copy{
width:min(820px,100%);
}
.showcase-copy{
padding:34px 38px;
}
.showcase-card{
padding:12px;
}
}
@media (max-width:768px){
.showcase-section{
padding-top:10px;
}
.showcase-top{
padding-top:18px;
padding-bottom:14px;
}
.showcase-stack{
gap:18px;
}
.showcase-card{
padding:10px;
border-radius:22px;
}
.showcase-card img{
border-radius:16px;
}
.showcase-copy{
padding:24px 20px;
border-radius:22px;
}
.showcase-copy p{
font-size:16px;
line-height:1.75;
}
}
/* === Mobil slogan tek satır düzeltmesi === */
.active-projects-section{
padding-top:12px;
}
.active-projects-list{
display:grid;
gap:20px;
}
.active-projects-list-multi{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.active-project-card{
overflow:visible;
}
.active-project-body{
display:block;
height:100%;
}
.active-project-content{
display:flex;
flex-direction:column;
height:100%;
}
.active-project-head{
display:grid;
grid-template-columns:auto 56px minmax(0,1fr);
gap:14px;
align-items:center;
margin-bottom:16px;
}
.active-project-order{
align-self:center;
}
.active-project-logo-box{
display:flex;
align-items:center;
justify-content:center;
width:56px;
flex:0 0 56px;
}
.active-project-card .active-project-logo{
width:56px;
min-width:56px;
max-width:56px;
height:auto;
aspect-ratio:auto;
object-fit:contain;
}
.active-project-logo-fallback{
width:56px;
height:56px;
border-radius:18px;
display:grid;
place-items:center;
background:linear-gradient(135deg,var(--brand-gold-soft),#fffaf0);
color:var(--brand-dark);
font-size:20px;
}
.active-project-content h3{
margin:0;
font-size:clamp(22px,2vw,28px);
color:var(--brand-dark);
letter-spacing:-.02em;
line-height:1.15;
text-wrap:balance;
}
.active-project-content p{
margin:0;
color:var(--brand-muted);
font-size:17px;
line-height:1.8;
max-width:none;
}
.active-project-content p + p{
margin-top:16px;
}
.active-project-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:auto;
padding-top:18px;
}
.projects-page-hero{
padding-bottom:28px;
}
.projects-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
gap:24px;
align-items:stretch;
}
.projects-hero-copy{
display:grid;
align-content:start;
gap:18px;
}
.projects-hero-copy p{
margin:0;
max-width:64ch;
}
.projects-hero-panel{
display:grid;
gap:16px;
padding:26px;
background:rgba(255,255,255,.92);
border:1px solid var(--brand-line);
border-radius:30px;
box-shadow:0 18px 36px rgba(17,18,22,.08);
}
.projects-hero-panel p{
margin:0;
color:var(--brand-muted);
}
.projects-hero-metric{
display:grid;
gap:4px;
padding:16px 18px;
border-radius:22px;
background:linear-gradient(135deg,#fff8e6,#fff);
border:1px solid rgba(246,200,15,.28);
}
.projects-hero-metric strong{
font-size:clamp(34px,4vw,48px);
line-height:1;
color:var(--brand-dark);
}
.projects-hero-metric span{
color:var(--brand-muted);
font-weight:700;
}
.project-overview-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.project-overview-card{
display:flex;
flex-direction:column;
gap:16px;
padding:24px;
border-radius:30px;
background:#fff;
border:1px solid var(--brand-line);
box-shadow:0 18px 36px rgba(17,18,22,.08);
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.project-overview-card:hover{
transform:translateY(-2px);
box-shadow:0 24px 42px rgba(17,18,22,.11);
border-color:rgba(246,200,15,.38);
}
.project-overview-top{
display:grid;
gap:16px;
}
.project-overview-brand{
display:grid;
grid-template-columns:56px minmax(0,1fr);
gap:14px;
align-items:center;
}
.project-overview-logo-box{
width:56px;
display:flex;
align-items:center;
justify-content:center;
}
.project-overview-logo{
width:56px;
max-width:56px;
height:auto;
object-fit:contain;
}
.project-overview-logo-fallback{
width:56px;
height:56px;
border-radius:18px;
display:grid;
place-items:center;
background:linear-gradient(135deg,var(--brand-gold-soft),#fffaf0);
color:var(--brand-dark);
}
.project-overview-label{
display:inline-flex;
margin-bottom:6px;
color:var(--brand-muted);
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
}
.project-overview-card h3{
margin:0;
font-size:clamp(22px,2vw,28px);
line-height:1.15;
color:var(--brand-dark);
text-wrap:balance;
}
.project-overview-card p{
margin:0;
color:var(--brand-muted);
}
.project-overview-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:auto;
color:var(--brand-dark);
font-weight:800;
}
.project-detail-stack{
display:grid;
gap:24px;
}
.project-detail-card{
scroll-margin-top:120px;
background:#fff;
border:1px solid var(--brand-line);
border-radius:34px;
box-shadow:0 24px 44px rgba(17,18,22,.08);
overflow:hidden;
}
.project-detail-grid{
display:grid;
grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
}
.project-detail-sidebar{
display:grid;
align-content:start;
gap:20px;
padding:30px;
background:linear-gradient(160deg,var(--brand-dark-deep),var(--brand-dark-soft));
color:#fff;
}
.project-detail-sidebar .card-badge,
.project-detail-sidebar .pill{
background:rgba(255,255,255,.1);
color:#fff;
}
.project-detail-badges{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.project-detail-brand{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:16px;
align-items:center;
}
.project-detail-logo-box{
width:72px;
display:flex;
align-items:center;
justify-content:center;
}
.project-detail-logo{
width:72px;
max-width:72px;
height:auto;
object-fit:contain;
}
.project-detail-logo-fallback{
width:72px;
height:72px;
border-radius:22px;
display:grid;
place-items:center;
background:rgba(255,255,255,.12);
color:#fff;
}
.project-detail-heading h3{
margin:0;
font-size:clamp(24px,2.8vw,38px);
line-height:1.1;
color:#fff;
text-wrap:balance;
}
.project-detail-summary{
margin:0;
color:#d7dae1;
font-size:17px;
line-height:1.8;
}
.project-detail-cta{
width:fit-content;
}
.project-detail-content{
display:grid;
gap:18px;
padding:32px;
background:linear-gradient(180deg,#fff,#fffcf4);
}
.project-detail-content p{
margin:0;
color:var(--brand-muted);
font-size:18px;
line-height:1.85;
}
.project-highlights-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:6px;
}
.project-highlight-item{
display:flex;
gap:12px;
align-items:flex-start;
padding:18px;
border-radius:22px;
background:#fff;
border:1px solid rgba(246,200,15,.22);
box-shadow:0 12px 24px rgba(17,18,22,.05);
}
.project-highlight-item i{
width:38px;
height:38px;
border-radius:14px;
display:grid;
place-items:center;
background:var(--brand-gold-soft);
color:var(--brand-dark);
flex:0 0 auto;
}
.project-highlight-item span{
color:var(--brand-dark);
font-weight:700;
line-height:1.55;
}
.project-archive-section{
padding-top:18px;
}
@media (max-width:980px){
.active-projects-list-multi{
grid-template-columns:1fr;
}
.projects-hero-grid,
.project-detail-grid{
grid-template-columns:1fr;
}
.project-overview-grid,
.project-highlights-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:768px){
.active-project-head{
grid-template-columns:auto 42px minmax(0,1fr);
gap:10px;
margin-bottom:14px;
}
.active-project-logo-box{
justify-content:flex-start;
width:42px;
flex:0 0 42px;
}
.active-project-card .active-project-logo{
width:42px;
min-width:42px;
max-width:42px;
height:auto;
aspect-ratio:auto;
}
.active-project-logo-fallback{
width:42px;
height:42px;
border-radius:14px;
font-size:16px;
}
.active-project-content h3{
font-size:20px;
line-height:1.15;
}
.active-project-content p{
font-size:16px;
line-height:1.75;
}
.projects-page-hero{
padding-bottom:14px;
}
.projects-hero-panel,
.project-overview-card,
.project-detail-sidebar,
.project-detail-content{
padding:24px;
}
.project-overview-grid,
.project-highlights-grid{
grid-template-columns:1fr;
}
.project-overview-brand{
grid-template-columns:42px minmax(0,1fr);
gap:12px;
}
.project-overview-logo-box{
width:42px;
}
.project-overview-logo,
.project-overview-logo{
width:42px;
max-width:42px;
height:auto;
}
.project-overview-logo-fallback{
width:42px;
height:42px;
}
.project-overview-card h3{
font-size:20px;
}
.project-detail-brand{
grid-template-columns:56px minmax(0,1fr);
gap:14px;
}
.project-detail-logo-box{
width:56px;
}
.project-detail-logo,
.project-detail-logo{
width:56px;
max-width:56px;
height:auto;
}
.project-detail-logo-fallback{
width:56px;
height:56px;
}
.project-detail-heading h3{
font-size:24px;
}
.project-detail-content p,
.project-detail-summary{
font-size:16px;
line-height:1.75;
}
}
.brand > span{
display:flex;
flex-direction:column;
min-width:0;
}
.brand strong,
.brand small{
min-width:0;
}
@media (max-width: 768px){
.navbar-wrap{
gap:10px;
}
.brand{
flex:1;
gap:10px;
min-width:0;
}
.brand-logo,
.brand-logo-text{
width:60px;
height:60px;
flex:0 0 60px;
}
.brand strong{
font-size:15px;
line-height:1.1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.brand small{
font-size:11px;
line-height:1.1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
letter-spacing:-0.02em;
}
.menu-toggle{
width:48px;
height:48px;
flex:0 0 48px;
}
}
@media (max-width: 420px){
.navbar-wrap{
gap:8px;
}
.brand{
gap:8px;
}
.brand-logo,
.brand-logo-text{
width:56px;
height:56px;
flex:0 0 56px;
}
.brand strong{
font-size:14px;
}
.brand small{
font-size:10px;
letter-spacing:-0.03em;
}
.menu-toggle{
width:46px;
height:46px;
border-radius:16px;
}
}
.floating-whatsapp{
position:fixed;
right:22px;
bottom:22px;
z-index:90;
display:inline-flex;
align-items:center;
gap:12px;
padding:10px 16px 10px 10px;
border-radius:999px;
background:#25d366;
color:#fff !important;
box-shadow:0 18px 34px rgba(37,211,102,.32);
border:1px solid rgba(255,255,255,.22);
transition:transform .2s ease, box-shadow .2s ease;
}
.floating-whatsapp:hover{
transform:translateY(-2px);
box-shadow:0 22px 38px rgba(37,211,102,.4);
}
.floating-whatsapp-icon{
width:48px;
height:48px;
border-radius:50%;
display:grid;
place-items:center;
background:#fff;
color:#25d366;
font-size:28px;
flex:0 0 auto;
box-shadow:0 10px 20px rgba(0,0,0,.12);
}
.floating-whatsapp-text{
display:flex;
flex-direction:column;
gap:2px;
font-size:14px;
font-weight:800;
line-height:1.15;
white-space:nowrap;
}
.floating-whatsapp-text small{
font-size:12px;
font-weight:700;
color:rgba(255,255,255,.92);
}
@media (max-width: 768px){
.floating-whatsapp{
right:14px;
bottom:14px;
padding:10px;
}
.floating-whatsapp-text{
display:none;
}
.floating-whatsapp-icon{
width:50px;
height:50px;
font-size:30px;
}
}
/* === Tasarım taslağı entegrasyonu: serif başlıklar + pill butonlar + kart vitrini === */
:root{
--brand-gold:#f2b705;
--brand-gold-deep:#c79400;
--brand-dark:#1a1a1a;
--brand-dark-soft:#26241b;
--brand-dark-deep:#141310;
}
h1,h2,h3,
.brand strong,
.eyebrow,
.hero-slide-overlay h3,
.section-header h2,
.impact-card strong,
.active-project-content h3,
.project-overview-card h3,
.project-detail-heading h3,
.cta-banner h3,
.join-card h3,
.team-card h3,
.site-footer h3,
.page-hero h1{
font-family:'Fraunces','Manrope',system-ui,sans-serif;
letter-spacing:-0.01em;
}
.btn,
.nav-cta,
.hero-slide-link,
.more-link,
.active-project-link,
.project-overview-link{
border-radius:999px !important;
}
.active-projects-list-multi{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.active-project-card{
background:#fff;
border:1px solid var(--brand-line);
border-radius:22px;
transition:transform .2s ease, box-shadow .2s ease;
}
.active-project-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 40px rgba(17,18,22,.10);
}
.active-project-body{
padding:28px 22px;
}
.active-project-head{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:14px;
margin-bottom:14px;
}
.active-project-order{
order:-1;
}
.active-project-logo-box{
width:64px;
height:64px;
}
.active-project-card .active-project-logo{
width:64px;
max-width:64px;
}
.active-project-content{
align-items:center;
text-align:center;
}
.active-project-content h3{
font-size:19px;
}
.active-project-content p{
font-size:14.5px;
}
.active-project-link{
margin:14px auto 0;
}
@media (max-width:1160px){
.active-projects-list-multi{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:540px){
.active-projects-list-multi{
grid-template-columns:1fr;
}
}