.seo-tool-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
border: 2px solid #e2e8f0;
border-radius: 12px;
padding: 25px;
max-width: 600px;
margin: 20px auto;
background-color: #ffffff;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.seo-tool-header {
text-align: center;
margin-bottom: 20px;
}
.seo-tool-title {
font-size: 24px;
font-weight: 800;
color: #1a202c;
margin: 0 0 10px 0;
}
.seo-progress-wrapper {
background-color: #edf2f7;
border-radius: 999px;
height: 12px;
margin-bottom: 25px;
overflow: hidden;
}
#seo-progress-bar {
background-color: #3182ce;
width: 0%;
height: 100%;
transition: width 0.3s ease;
}
.seo-checklist-item {
display: flex;
align-items: center;
margin-bottom: 12px;
padding: 10px;
border-radius: 6px;
transition: background 0.2s;
}
.seo-checklist-item:hover {
background-color: #f7fafc;
}
.seo-checklist-item input {
width: 20px;
height: 20px;
margin-right: 15px;
cursor: pointer;
}
.seo-checklist-item label {
font-size: 16px;
color: #4a5568;
cursor: pointer;
flex: 1;
}
.seo-btn {
display: block;
width: 100%;
background-color: #3182ce;
color: white;
text-align: center;
padding: 14px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
margin-top: 20px;
border: none;
cursor: pointer;
font-size: 16px;
}
.seo-btn:hover {
background-color: #2b6cb0;
}
#seo-result-msg {
text-align: center;
font-weight: 600;
margin-top: 15px;
color: #2d3748;
display: none;
}
var updateSeoProgress = function() {
var checkboxes = document.querySelectorAll('#seo-checklist input[type="checkbox"]');
var checkedCount = 0;
for (var i = 0; i 0) {
resultMsg.style.display = 'block';
scoreVal.innerHTML = Math.round(percentage);
} else {
resultMsg.style.display = 'none';
}
};
var analyzeFinalScore = function() {
var checkboxes = document.querySelectorAll('#seo-checklist input[type="checkbox"]');
var checkedCount = 0;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkedCount++;
}
}
if (checkedCount === 0) {
alert('Please check at least one optimization task!');
} else if (checkedCount < 3) {
alert('Your SEO health is low. We recommend focusing on On-Page fundamentals immediately.');
} else if (checkedCount < 5) {
alert('Good progress! You are nearly optimized. Check the remaining items to boost rankings.');
} else {
alert('Perfect! Your content follows best practices. Monitor your rankings in Search Console.');
}
};