/* =========================================================
   SEAACADEMYIK — SGK TEŞVİK 2026
   anim.css (ULTRA PREMIUM ANIMATION & HOVER)
   Glow + Glass + Kurumsal Efekt
========================================================= */

/* ---------- Fade In ---------- */
.fade-in{
opacity:0;
transform:translateY(30px);
animation:fadeUp .9s ease forwards;
}

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

/* ---------- Hero Glow ---------- */
.sgk-hero::after{
content:"";
position:absolute;
width:700px;
height:700px;
left:-200px;
bottom:-250px;
background:radial-gradient(circle, rgba(255,122,0,.18), transparent 65%);
animation:heroGlow 8s linear infinite;
}

@keyframes heroGlow{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

/* ---------- Card Hover Premium ---------- */
.tesvik-card{
transition:all .35s cubic-bezier(.4,0,.2,1);
}

.tesvik-card:hover{
transform:translateY(-8px) scale(1.01);
box-shadow:0 30px 80px rgba(0,0,0,.18);
}

/* shine */
.tesvik-card::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:120%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.35),
transparent
);
transition:all .6s;
}

.tesvik-card:hover::before{
left:120%;
}

/* ---------- Button Glow ---------- */
.btn-primary{
position:relative;
overflow:hidden;
}

.btn-primary::after{
content:"";
position:absolute;
width:200%;
height:200%;
background:radial-gradient(circle, rgba(255,255,255,.35), transparent 60%);
top:-50%;
left:-50%;
opacity:0;
transition:.5s;
}

.btn-primary:hover::after{
opacity:.5;
}

.btn-primary:hover{
transform:translateY(-3px) scale(1.02);
box-shadow:0 25px 60px rgba(255,122,0,.45);
}

/* ---------- Secondary Button ---------- */
.btn-secondary{
position:relative;
overflow:hidden;
}

.btn-secondary:hover{
background:#fff7f0;
}

/* ---------- FAQ Animation ---------- */
.faq-answer{
animation:faqFade .4s ease;
}

@keyframes faqFade{
0%{opacity:0;transform:translateY(-8px);}
100%{opacity:1;transform:translateY(0);}
}

/* ---------- Floating CTA Glow ---------- */
.sgk-cta{
position:relative;
overflow:hidden;
}

.sgk-cta::after{
content:"";
position:absolute;
width:600px;
height:600px;
right:-200px;
bottom:-250px;
background:radial-gradient(circle, rgba(255,122,0,.25), transparent 60%);
animation:ctaGlow 7s linear infinite;
}

@keyframes ctaGlow{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

/* ---------- Scroll Reveal ---------- */
.reveal{
opacity:0;
transform:translateY(40px);
transition:all .9s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

/* ---------- Smooth Hover Icons ---------- */
.tesvik-card img{
transition:transform .5s ease;
}

.tesvik-card:hover img{
transform:scale(1.05);
}

/* ---------- Glass Effect ---------- */
.glass{
backdrop-filter:blur(12px);
background:rgba(255,255,255,.65);
border:1px solid rgba(255,255,255,.4);
}

/* ---------- Ultra Premium Scrollbar ---------- */
::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-track{
background:#e9edf3;
}

::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,#ff7a00,#ff9c2b);
border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
background:#ff7a00;
}