/* ======================================================
SEAACADEMYIK ULTRA ANIMATION CSS
Premium Kurumsal Efektler
====================================================== */

/* GENEL */
.fade-up{
opacity:0;
transform:translateY(40px);
transition:all .9s cubic-bezier(.23,1,.32,1);
}

.fade-up.show{
opacity:1;
transform:translateY(0);
}

.fade-left{
opacity:0;
transform:translateX(-60px);
transition:all .9s cubic-bezier(.23,1,.32,1);
}

.fade-left.show{
opacity:1;
transform:translateX(0);
}

.fade-right{
opacity:0;
transform:translateX(60px);
transition:all .9s cubic-bezier(.23,1,.32,1);
}

.fade-right.show{
opacity:1;
transform:translateX(0);
}

/* HERO */
.tuzla-hero h1{
animation:heroTitle 1.2s ease forwards;
opacity:0;
}

@keyframes heroTitle{
0%{opacity:0; transform:translateY(40px)}
100%{opacity:1; transform:translateY(0)}
}

.tuzla-hero p{
animation:heroText 1.6s ease forwards;
opacity:0;
}

@keyframes heroText{
0%{opacity:0; transform:translateY(30px)}
100%{opacity:1; transform:translateY(0)}
}

.hero-buttons{
animation:heroBtn 2s ease forwards;
opacity:0;
}

@keyframes heroBtn{
0%{opacity:0; transform:translateY(20px)}
100%{opacity:1; transform:translateY(0)}
}

/* KART HOVER */
.service-card{
transition:.45s cubic-bezier(.23,1,.32,1);
}

.service-card:hover{
transform:translateY(-12px) scale(1.02);
box-shadow:0 35px 80px rgba(0,0,0,.18);
}

/* ICON FLOAT */
.service-card img{
transition:.4s;
}

.service-card:hover img{
transform:scale(1.15) rotate(-2deg);
}

/* CTA GLOW */
.tuzla-cta{
position:relative;
overflow:hidden;
}

.tuzla-cta::before{
content:"";
position:absolute;
width:300px;
height:300px;
background:rgba(255,255,255,0.15);
filter:blur(120px);
top:-100px;
left:-100px;
}

.tuzla-cta::after{
content:"";
position:absolute;
width:300px;
height:300px;
background:rgba(255,255,255,0.15);
filter:blur(120px);
bottom:-120px;
right:-120px;
}

/* BUTON PARLAKLIK */
.btn-primary{
position:relative;
overflow:hidden;
}

.btn-primary::after{
content:"";
position:absolute;
top:0;
left:-120%;
width:100%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);
transition:.7s;
}

.btn-primary:hover::after{
left:120%;
}

/* FAQ HOVER */
.faq-item{
transition:.35s;
}

.faq-item:hover{
transform:scale(1.02);
box-shadow:0 20px 60px rgba(0,0,0,.12);
}

/* SCROLL PROGRESS BAR */
body::before{
content:"";
position:fixed;
top:0;
left:0;
height:4px;
background:linear-gradient(90deg,#ff7a00,#ffb066);
width:0%;
z-index:9999;
transition:.2s;
}

/* FLOATING EFFECT */
@keyframes floatSoft{
0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}

.service-card:nth-child(2){
animation:floatSoft 6s ease-in-out infinite;
}

.service-card:nth-child(4){
animation:floatSoft 7s ease-in-out infinite;
}