/* =========================
 MODERN HERO ALANI
========================= */

.cv-hero{
background:
linear-gradient(rgba(11,26,51,.55), rgba(11,26,51,.55)),
url('../images/cv-hero.jpg') center/cover no-repeat;
min-height:45vh;
display:flex;
align-items:center;
justify-content:center;
padding:60px 20px;
}

.cv-hero-overlay{display:none;}

.cv-hero-content{
max-width:900px;
color:#fff;
text-align:center;
}

.cv-hero-content h1{
font-size:40px;
margin-bottom:12px;
line-height:1.2;
text-shadow:0 4px 14px rgba(0,0,0,.5);
}

.cv-hero-content p{
font-size:18px;
line-height:1.7;
opacity:.95;
text-shadow:0 3px 12px rgba(0,0,0,.4);
}

.cv-seo-inline{
margin-top:12px;
font-size:16px;
opacity:.9;
}

/* =========================
 ŞIK SEO BLOĞU
========================= */

.fancy-seo{
background:linear-gradient(135deg,#f7f9fc,#eef3ff);
padding:90px 10%;
}

.seo-inner{
max-width:1100px;
margin:auto;
background:#fff;
padding:60px 70px;
border-radius:26px;
box-shadow:0 18px 50px rgba(0,0,0,.08);
position:relative;
}

.seo-inner:before{
content:"";
position:absolute;
left:0;
top:0;
width:6px;
height:100%;
background:#f58220;
border-radius:6px;
}

.seo-inner h2{
font-size:34px;
color:#0b1a33;
margin-bottom:20px;
}

.seo-inner p{
font-size:18px;
line-height:1.8;
color:#444;
}

.seo-inner a{
color:#f58220;
font-weight:600;
text-decoration:none;
border-bottom:2px solid rgba(245,130,32,.3);
}

.seo-inner a:hover{
border-color:#f58220;
}

/* =========================
 CV KARTLAR
========================= */

.cv-intro{
display:flex;
gap:40px;
padding:80px 10%;
flex-wrap:wrap;
}

.cv-box{
flex:1 1 calc(25% - 40px);
background:#fff;
padding:40px 30px;
border-radius:20px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
text-align:center;
display:flex;
flex-direction:column;
justify-content:space-between;
transition:.3s ease;
}

.cv-box:hover{
transform:translateY(-6px);
box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.cv-box img{
width:100%;
max-height:180px;
object-fit:cover;
border-radius:14px;
margin-bottom:20px;
}

.cv-box h2{
font-size:22px;
margin-bottom:12px;
color:#0b1a33;
}

.cv-box p{
font-size:16px;
line-height:1.6;
color:#555;
margin-bottom:25px;
}

.cv-btn{
background:#f58220;
color:#fff;
padding:12px 26px;
border-radius:12px;
font-weight:600;
text-decoration:none;
align-self:center;
}

.cv-btn:hover{
background:#d96f15;
}

/* =========================
 CTA
========================= */

.cv-cta{
background:#0b1a33;
color:#fff;
text-align:center;
padding:80px 20px;
}

.cv-cta h3{
font-size:34px;
margin-bottom:10px;
}

.cv-cta p{
font-size:18px;
margin-bottom:25px;
}

.cv-big-btn{
background:#f58220;
padding:14px 32px;
border-radius:14px;
color:#fff;
font-size:18px;
font-weight:600;
text-decoration:none;
}

.cv-big-btn:hover{
background:#d96f15;
}

/* =========================
 RESPONSIVE
========================= */

@media(max-width:1000px){
.cv-box{flex:1 1 calc(50% - 40px);}
.cv-hero-content h1{font-size:32px;}
}

@media(max-width:700px){
.fancy-seo{padding:60px 6%;}
.seo-inner{padding:40px 28px;}
.seo-inner h2{font-size:26px;}
.seo-inner p{font-size:16px;}
}

@media(max-width:600px){
.cv-intro{padding:60px 6%;gap:30px;}
.cv-box{flex:1 1 100%;padding:30px 22px;}
.cv-hero-content h1{font-size:26px;}
.cv-hero-content p{font-size:16px;}
.cv-btn{width:100%;text-align:center;}
.cv-cta h3{font-size:26px;}
}