/* anasayfa — sayfaya özel stiller (base.css'ten sonra yüklenir) */
@keyframes encoFloatA { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes encoBar { 0%, 100% { transform: scaleY(0.62); } 50% { transform: scaleY(1); } }
@keyframes encoTermIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes encoCodeUp { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes encoFloatB { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes encoFloatC { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes encoDraw { 0% { stroke-dashoffset: 330; opacity: 0.35; } 45% { stroke-dashoffset: 0; opacity: 1; } 88% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0.3; } }
@keyframes encoPulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
@keyframes encoGlow { 0%, 100% { opacity: 0.35; } 50% { opacity: 0.6; } }
@keyframes encoCaret { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes encoType { 0% { transform: scaleX(0.06); } 55% { transform: scaleX(1); } 100% { transform: scaleX(1); } }
.enco-chip:hover { border-color: #65a5ff !important; transform: translateX(4px); }
.enco-scene-paused * { animation-play-state: paused !important; }
@media (max-width: 900px) { .enco-hero-grid { grid-template-columns: 1fr; } .enco-hero-grid > div:last-child { max-width: 560px; } }
@media (max-width: 860px) { .enco-int-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .enco-scene-stage * { animation: none !important; } }
@keyframes intRun { from { left: -34%; } to { left: 100%; } }
@keyframes intSweep { from { left: -40%; opacity: 0.9; } to { left: 110%; opacity: 0.9; } }
.enco-int-card:hover .enco-int-log { color: rgba(246,245,241,0.72); }
.enco-int-card:hover .enco-int-ok { color: #8be0b0; }
.enco-int-card:hover .enco-int-sweep { animation: intSweep 0.9s cubic-bezier(0.3,0.7,0.3,1); }
@keyframes revealUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes heroRise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
@keyframes panelRise { from { opacity: 0; transform: translateY(38px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sweep { 0% { left: -30%; } 100% { left: 130%; } }
@keyframes caret { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }
@supports (animation-timeline: view()) {
    [data-reveal] { animation: revealUp 1s linear both; animation-timeline: view(); animation-range: entry 0% entry 35%; }
  }

/* tasarımda style-hover olarak yazılı olan durumlar */
.e-anasayfa-h1:hover { background: oklch(0.5 0.19 258) !important; color: #fff !important; transform: translateY(-2px) !important; }
.e-anasayfa-h2:hover { border-color: #101a33 !important; }
.e-anasayfa-h3:hover { border-bottom-color: oklch(0.5 0.19 258) !important; }
.e-anasayfa-h4:hover { transform: translateY(-5px) !important; box-shadow: 0 22px 42px -20px rgba(16,26,51,0.26) !important; border-color: oklch(0.54 0.19 258 / 0.5) !important; color: #101a33 !important; }
.e-anasayfa-h5:hover { background: rgba(246,245,241,0.12) !important; border-color: #f6f5f1 !important; }
.e-anasayfa-h6:hover { background: oklch(0.6 0.17 258) !important; border-color: oklch(0.6 0.17 258) !important; }
.e-anasayfa-h7:hover { transform: translateY(-2px) !important; color: #fff !important; }
.e-anasayfa-h8:hover { border-bottom-color: oklch(0.5 0.19 258) !important; }
.e-anasayfa-h9:hover { border-color: rgba(246,245,241,0.4) !important; }
.e-anasayfa-h10:hover { color: #fff !important; border-bottom-color: #fff !important; }
.e-anasayfa-h11:hover { border-color: oklch(0.62 0.17 258) !important; background: rgba(47,125,246,0.12) !important; transform: translateY(-3px) !important; }
.e-anasayfa-h12:hover { background: oklch(0.6 0.17 258) !important; color: #fff !important; transform: translateY(-2px) !important; }
.e-anasayfa-h13:hover { border-color: #f6f5f1 !important; color: #fff !important; }