body{
	    font-family: "Lato", sans-serif;
      font-weight: 700;
	}
	
	p{
	   font-family: "Lato", sans-serif;
      font-weight: 400;  
	}
	
	
	.hero-section{
    background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    color:white;
    padding:120px 20px;
}

.hero-btn{
    font-size:18px;
    padding:12px 25px;
    border-radius:30px;
}

.feature-card{
    border:none;
    border-radius:15px;
    transition:0.3s;
}

.feature-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.blog-card{
    border:none;
    border-radius:15px;
    transition:0.3s;
}

.blog-card:hover{
    transform:scale(1.03);
    box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

.login-box{
background:white;
padding:40px;
border-radius:15px;
width:400px;
max-width:90%;
box-shadow:0 20px 40px rgba(0,0,0,0.2);
}

.login-title{
font-size:22px;
font-weight:600;
margin-bottom:20px;
}

.form-control{
padding:12px;
border-radius:10px;
}

.login-btn{
width:100%;
padding:12px;
border-radius:10px;
font-weight:600;
}

.translate-box{
position:absolute;
top:20px;
right:20px;
}

.tools-hero{
    background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    color:white;
    padding:80px 20px;
}

.tool-card{
    border:none;
    border-radius:15px;
    transition:0.3s;
}

.tool-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
}

.tool-icon{
    font-size:40px;
}

.tools-hero{
background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
padding:80px 20px;
color:white;
}

.tool-box{
margin:auto;
background:white;
color:#333;
padding:35px;
border-radius:15px;
box-shadow:0 15px 40px rgba(0,0,0,0.2);
}

.tool-title{
font-size:22px;
font-weight:600;
}

.credit-badge{
background:#198754;
color:white;
padding:6px 15px;
border-radius:30px;
font-size:14px;
display:inline-block;
}

.form-control{
border-radius:10px;
padding:12px;
}

.aracin-btn{
width:100%;
padding:12px;
border-radius:10px;
font-weight:600;
font-size:16px;
}

.login-btn:hover{
transform:translateY(-1px);
}

.tool-info{
font-size:14px;
}