*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;

background:var(--bg);

color:var(--text);

min-height:100vh;

display:flex;
justify-content:center;

padding:30px 15px;

}

.container{

    
width:100%;
max-width:800px;

padding:30px;

border:1px solid rgba(255,255,255,.08);

border-radius:40px;

background:linear-gradient(
180deg,
rgba(255,255,255,.02),
rgba(255,255,255,.01)
);

backdrop-filter:blur(10px);

}

.profile{

display:flex;
flex-direction:column;
align-items:center;

text-align:center;

margin-top:30px;

}

.profile img{

width:150px;
height:150px;

object-fit:cover;

border-radius:50%;

border:3px solid var(--red);

box-shadow:
0 0 15px rgba(255,0,60,.4),
0 0 35px rgba(255,0,60,.2);

}

.profile h1{

font-size:4rem;

margin-top:25px;

font-weight:700;

}

.profile h1 span{

color:var(--red);

}

.subtitle{

font-size:1.4rem;

margin-top:10px;

color:var(--gray);

max-width:600px;

line-height:1.7;

}

.socials{

display:flex;

justify-content:center;

gap:20px;

margin-top:30px;

}

.socials a{

width:60px;
height:60px;

display:flex;
justify-content:center;
align-items:center;

border-radius:18px;

border:1px solid rgba(255,0,60,.3);

text-decoration:none;

color:white;

font-size:1.5rem;

transition:.3s;

}

.socials a:hover{

transform:translateY(-5px);

box-shadow:
0 0 20px rgba(255,0,60,.3);

}

.section-title{

margin-top:60px;

text-align:center;

font-size:2rem;

}

.links{

margin-top:30px;

display:flex;

flex-direction:column;

gap:20px;

}

.link-card{

background:var(--card);

border:1px solid rgba(255,255,255,.08);

border-radius:25px;

padding:25px;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

transition:.3s;

text-decoration:none;

color:white;

}

.link-card:hover{

background:var(--card-hover);

transform:translateY(-5px);

border-color:var(--red);

box-shadow:
0 0 20px rgba(255,0,60,.15);

}

.card-content h3{

font-size:1.3rem;

margin-bottom:5px;

}

.card-content p{

color:var(--gray);

}

.arrow{

font-size:2rem;

color:var(--red);

}

.quote{

margin-top:60px;

padding:25px;

border-radius:30px;

text-align:center;

border:1px solid rgba(255,0,60,.3);

color:var(--gray);

font-size:1.1rem;

}

.footer{

margin-top:40px;

text-align:center;

color:var(--gray);

}

.card-content h3{

display:flex;
align-items:center;
gap:12px;

font-size:1.2rem;

}

.card-content svg{

width:22px;
height:22px;

color:var(--red);

}

.arrow svg{

width:24px;
height:24px;

color:var(--red);

transition:.3s;

}

.link-card:hover .arrow svg{

transform:translate(5px,-5px);

}

.top-actions{

display:flex;
justify-content:flex-end;

margin-bottom:10px;

}


.cv-btn{

position:absolute;
top:25px;
right:25px;

width:50px;
height:50px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:rgba(255,0,60,.08);

border:1px solid rgba(255,0,60,.35);

color:var(--red);

text-decoration:none;

transition:.3s;

cursor:pointer;

}

.cv-btn i{

font-size:1.2rem;

}


.cv-btn:hover{

transform:translateY(-3px);

background:rgba(255,0,60,.15);

box-shadow:
0 0 15px rgba(255,0,60,.25),
0 0 30px rgba(255,0,60,.15);

}

.cv-btn i{
    font-size:1.3rem;
}