body {
    font-family: Arial, sans-serif;
    padding:0;
    background:#f8f9fa;
    color:#333;
}

header, footer {
    background:#2c3e50;
    margin:0 -10px 0 -10px;
    color:#fff;
    padding:15px;
    text-align:center;
}

header nav a {
    color:#fff;
    margin:0 10px;
    text-decoration:none;
}

.hero {
    background:#3498db;
    color:#fff;
    text-align:center;
    padding:60px 20px;
    border-radius:8px;
    margin:20px;
}

.btn {
    background:#3498db;
    color:#fff;
    padding:10px 15px;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
}

.btn:hover {
    background:#2980b9;
}

/* Tool page */
.tool-section{
margin-bottom:40px;
padding:20px;
background:white;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.tool-section h2{
margin-bottom:15px;
}

.tool-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:15px;
}

.form-group label{
display:block;
font-size:14px;
margin-bottom:5px;
}

.form-group input{
width:100%;
padding:8px;
border:1px solid #ccc;
border-radius:4px;
}

.btn-primary{
margin-top:20px;
padding:12px 20px;
background:#2e7dff;
color:white;
border:none;
border-radius:5px;
cursor:pointer;
}



/* Dashboard grid */
.XXXtool-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
    padding:20px;
}

.tool-card {
    background:#fff;
    border-radius:8px;
    padding:20px;
    text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.tool-card h3 {
    margin-top:0;
}

.tool-card p {
    font-size:0.95rem;
    margin-bottom:15px;
}