@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Tangerine:wght@400;700&display=swap');

:root {
  --color-primary: #3368a0;
  --color-secondary: #66a3bf;
  --color-soft: #c8dfdb;
  --color-warm: #F7F6F2;
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Manrope', sans-serif;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-warm);
  color: #1f2937;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: var(--font-heading);
}

main { flex-grow: 1; }

/* Renk Sınıfları */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-warm { background-color: var(--color-warm) !important; }
.border-soft { border-color: rgba(200, 223, 219, 0.6) !important; }

/* Navbar & Footer Özelleştirmeleri */
.custom-navbar { background-color: #fff; border-bottom: 1px solid #f3f4f6; padding: 1rem 1.5rem; position: sticky; top: 0; z-index: 1050; }
.nav-link-custom { color: #374151; font-weight: 500; transition: color 0.3s; margin-right: 1.5rem; text-decoration: none;}
.nav-link-custom:hover { color: var(--color-primary); }
.whatsapp-btn { background-color: #25D366; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s; }
.whatsapp-btn:hover { transform: scale(1.05); color: white; }
.social-btn { width: 32px; height: 32px; border-radius: 50%; background-color: rgba(51,104,160,0.1); color: var(--color-primary); display: flex; align-items: center; justify-content: center; transition: 0.3s; }
.social-btn:hover { background-color: var(--color-primary); color: #fff; }

/* Butonlar */
.btn-primary-custom { background-color: var(--color-primary); color: white; padding: 0.75rem 2rem; border-radius: 0.375rem; text-decoration: none; transition: 0.3s; font-weight: 500;}
.btn-primary-custom:hover { background-color: var(--color-secondary); color: white; }
.btn-outline-custom { border: 2px solid var(--color-primary); color: var(--color-primary); padding: 0.75rem 2rem; border-radius: 0.375rem; text-decoration: none; transition: 0.3s; font-weight: 500; }
.btn-outline-custom:hover { background-color: var(--color-primary); color: white; }

/* Polaroid Kart */
.polaroid-frame { background: #fff; padding: 1rem 1rem 4rem 1rem; border-radius: 0.25rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); transform: rotate(2deg); transition: transform 0.3s; border: 1px solid #e5e7eb; width: 280px; margin: 0 auto; }
.polaroid-frame:hover { transform: rotate(0); }
.polaroid-img { width: 100%; height: 320px; object-fit: cover; background: #f3f4f6; }

/* Çalışma Alanları Kartları */
.work-card { background: #F2EFE7; border: 1px solid #C8DFDB; border-radius: 1rem; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: all 0.5s; }
.work-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.card-img-wrapper { position: relative; height: 250px; overflow: hidden; }
.card-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s; }
.work-card:hover .card-img-wrapper img { transform: scale(1.05); }
.card-wave { position: absolute; bottom: 0; left: 0; right: 0; height: 112px; transform: translateY(24px); border-radius: 50% 50% 0 0; backdrop-filter: blur(2px); }
.card-body-custom { padding: 0 1.5rem 2.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; flex-grow: 1; position: relative; }
.card-icon-circle { width: 56px; height: 56px; border-radius: 50%; background: white; display: flex; align-items: center; justify-content: center; margin-top: -28px; margin-bottom: 1rem; transition: transform 0.3s; box-shadow: 0 4px 6px rgba(0,0,0,0.1); z-index: 2;}
.work-card:hover .card-icon-circle { transform: scale(1.1); }
.card-blue { background: rgba(51,104,160,0.9); }
.card-body-blue { background-color: #3368A0; }
.card-light-blue { background: rgba(102,163,191,0.9); }
.card-body-light-blue { background-color: #66A3BF; }

/* Animasyonlar (Orijinal Koddan) */
@keyframes pageHeaderReveal { 0% { opacity: 0; transform: translateY(20px); filter: blur(4px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0px); } }
@keyframes dividerExpand { 0% { width: 0%; opacity: 0; } 100% { width: 100%; opacity: 1; } }
@keyframes cardReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.985); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes itemReveal { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } }

.animate-header-reveal { animation: pageHeaderReveal 700ms cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-divider-expand { animation: dividerExpand 600ms cubic-bezier(0.16, 1, 0.3, 1) 150ms forwards; }
.animate-card-reveal { animation: cardReveal 800ms cubic-bezier(0.16, 1, 0.3, 1) 250ms forwards; opacity: 0; }
.animate-section-reveal { animation: cardReveal 700ms cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }

.edu-item { opacity: 0; animation: itemReveal 500ms cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.edu-item:nth-child(1) { animation-delay: 350ms; }
.edu-item:nth-child(2) { animation-delay: 410ms; }
.edu-item:nth-child(3) { animation-delay: 470ms; }
.edu-item:nth-child(4) { animation-delay: 530ms; }
.edu-item:nth-child(5) { animation-delay: 590ms; }
.edu-item:nth-child(6) { animation-delay: 650ms; }
.edu-item:nth-child(7) { animation-delay: 710ms; }
.edu-item:nth-child(8) { animation-delay: 770ms; }

.edu-item-hover:hover { background-color: rgba(255,255,255,0.4); transform: translateX(4px); }
.edu-item-line { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-color: var(--color-primary); transform: scaleY(0); transition: transform 0.3s; transform-origin: center; }
.edu-item-hover:hover .edu-item-line { transform: scaleY(1); }