/* SCOPED ATS SCORE PAGE STYLES – Market Scout Style */
.scv-ats-page {
background-color: #0f172a;
color: #e2e8f0;
font-family: “Poppins”, sans-serif;
line-height: 1.6;
overflow-x: hidden;
–teal: #268599;
–teal-light: #618480;
–coral: #e8885e;
–navy: #0f172a;
–navy-card: #1e293b;
–border: rgba(255, 255, 255, 0.1);
}
.scv-ats-page h1,
.scv-ats-page h2,
.scv-ats-page h3,
.scv-ats-page h4 {
color: #ffffff !important;
font-family: “Playfair Display”, serif;
margin-top: 0;
}
.scv-ats-page p,
.scv-ats-page li {
color: #cbd5e1 !important;
margin-bottom: 24px;
}
.scv-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
/* HERO SECTION */
.scv-ats-hero {
padding: 100px 0 80px;
text-align: center;
background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 70%);
position: relative;
}
.scv-ats-hero::before {
content: “”;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
linear-gradient(rgba(38, 133, 153, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(38, 133, 153, 0.1) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.3;
}
.scv-badge-pulse {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
padding: 6px 16px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
margin-bottom: 24px;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.scv-badge-pulse::before {
content: “”;
width: 8px;
height: 8px;
background: var(–teal);
border-radius: 50%;
animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
0% { opacity: 1; box-shadow: 0 0 0 0 rgba(38, 133, 153, 0.7); }
70% { opacity: 1; box-shadow: 0 0 0 6px rgba(38, 133, 153, 0); }
100% { opacity: 0; box-shadow: 0 0 0 0 rgba(38, 133, 153, 0); }
}
.scv-ats-hero h1 {
font-size: clamp(38px, 5vw, 64px);
line-height: 1.1;
margin-bottom: 24px;
}
.scv-text-highlight {
color: var(–teal-light) !important;
position: relative;
display: inline-block;
}
.scv-text-highlight::after {
content: “”;
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 8px;
background: rgba(38, 133, 153, 0.3);
z-index: -1;
transform: rotate(-2deg);
}
.scv-ats-hero p {
font-size: 18px;
max-width: 700px;
margin: 0 auto 40px;
}
/* CTA BUTTON */
.btn-ats {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 50%, var(–coral) 100%);
color: white !important;
padding: 16px 36px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(38, 133, 153, 0.3);
}
.btn-ats:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(38, 133, 153, 0.4);
color: white !important;
}
/* SCORE DASHBOARD */
.scv-score-dashboard {
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 20px;
padding: 40px;
margin: 60px 0;
position: relative;
overflow: hidden;
}
.scv-score-dashboard::before {
content: “”;
position: absolute;
top: 0; left: 0; width: 100%; height: 4px;
background: linear-gradient(90deg, var(–teal) 0%, var(–teal-light) 50%, var(–coral) 100%);
}
.score-grid {
display: grid;
grid-template-columns: 200px 1fr;
gap: 40px;
align-items: center;
}
.big-score {
text-align: center;
}
.score-circle {
width: 180px;
height: 180px;
border-radius: 50%;
background: conic-gradient(var(–teal) 0% 85%, rgba(255,255,255,0.05) 85% 100%);
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 auto;
box-shadow: 0 0 40px rgba(38, 133, 153, 0.3);
}
.score-circle::before {
content: “”;
position: absolute;
width: 150px;
height: 150px;
background: var(–navy-card);
border-radius: 50%;
}
.score-value {
position: relative;
z-index: 2;
text-align: center;
}
.score-num {
font-size: 52px;
font-weight: 700;
color: #ffffff !important;
line-height: 1;
display: block;
}
.score-label {
font-size: 14px;
color: var(–teal-light) !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.score-breakdown {
display: flex;
flex-direction: column;
gap: 16px;
}
.score-item {
display: flex;
align-items: center;
gap: 15px;
}
.score-item-label {
width: 140px;
font-size: 14px;
color: #e2e8f0;
}
.score-bar-bg {
flex: 1;
height: 8px;
background: rgba(255,255,255,0.1);
border-radius: 4px;
overflow: hidden;
}
.score-fill {
height: 100%;
border-radius: 4px;
transition: width 1s ease;
}
.fill-excellent { background: var(–teal); width: 95%; }
.fill-good { background: var(–teal-light); width: 80%; }
.fill-fair { background: #f59e0b; width: 70%; }
.fill-needs { background: var(–coral); width: 55%; }
.score-item-value {
width: 40px;
font-size: 14px;
font-weight: 600;
text-align: right;
color: #e2e8f0;
}
/* SCORE TABLE */
.score-table {
margin: 60px 0;
}
.score-table table {
width: 100%;
border-collapse: collapse;
background: var(–navy-card);
border-radius: 16px;
overflow: hidden;
}
.score-table th {
background: rgba(38, 133, 153, 0.15);
padding: 18px 24px;
text-align: left;
font-weight: 600;
color: #ffffff !important;
font-size: 14px;
}
.score-table td {
padding: 16px 24px;
border-bottom: 1px solid var(–border);
font-size: 14px;
}
.score-table tr:last-child td { border-bottom: none; }
.rating-excellent { color: var(–teal) !important; font-weight: 600; }
.rating-good { color: var(–teal-light) !important; font-weight: 600; }
.rating-fair { color: #f59e0b !important; font-weight: 600; }
.rating-poor { color: var(–coral) !important; font-weight: 600; }
/* FEATURES GRID */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 60px 0;
}
.feature-card {
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 16px;
padding: 30px;
transition: transform 0.3s ease;
}
.feature-card:hover {
transform: translateY(-5px);
}
.feature-icon {
width: 50px;
height: 50px;
background: rgba(38, 133, 153, 0.1);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
color: var(–teal-light) !important;
font-size: 24px;
}
.feature-card h3 {
font-size: 18px;
margin-bottom: 12px;
font-family: “Poppins”, sans-serif;
font-weight: 600;
}
/* FAQ */
.ats-faq {
background: rgba(255,255,255,0.02);
border-radius: 20px;
padding: 40px;
margin: 80px 0;
border: 1px solid rgba(255,255,255,0.05);
}
@media (max-width: 768px) {
.score-grid { grid-template-columns: 1fr; text-align: center; }
.features-grid { grid-template-columns: 1fr; }
}
Real-Time Scoring
Know Your ATS Score Before You Apply
Get instant feedback on how your resume will perform with Applicant Tracking Systems. Fix issues before recruiters see them.
Check My Score Free
85
ATS Score
✅ Ready to Apply
Format Compatibility
95%
Keyword Match
80%
Content Quality
82%
Structure
90%
Readability
70%
What is an ATS Score?
An ATS (Applicant Tracking System) score predicts how well your resume will perform when scanned by automated hiring software. Higher scores mean better chances of your resume reaching human reviewers.
How Our Scoring Works
Format Compatibility
Is your resume parseable by ATS? We check for problematic elements like tables, headers, and graphics.
Keyword Optimization
Does it contain relevant industry terms? We match against thousands of job descriptions.
Content Quality
Are achievements quantified and impactful? Numbers and metrics boost your score.
Structure
Are standard sections present and organized? Education, Experience, Skills in the right order.
Readability
Can both machines and humans easily scan it? Clear formatting and concise bullets.
Real-Time Updates
See your score change as you edit. Iterate until you hit your target score.
Understanding Your Score
| Score Range | Rating | Action Needed |
|---|---|---|
| 90-100 | Excellent | Ready to apply – your resume is optimized |
| 80-89 | Good | Minor tweaks suggested for best results |
| 70-79 | Fair | Review recommendations before applying |
| 60-69 | Needs Work | Significant improvements needed |
| Below 60 | Poor | Major revision required |
Frequently Asked Questions
Is the ATS score feature free?
Basic ATS scoring is included in all StylingCV accounts. Premium accounts get more detailed analysis and job-specific scoring.
How accurate is the score?
Our scoring algorithm is trained on data from real ATS systems used by major employers. While no score perfectly predicts outcomes, higher scores strongly correlate with better results.
Can I improve my score?
Absolutely! As you edit your resume in StylingCV, your score updates instantly. See the impact of each change in real-time.
Stop Guessing. Start Scoring.
Get your ATS score in seconds and know exactly what to fix before you hit Apply.
Get My Free Score👉 check your resume's ATS compatibility
💡 Pro Tip: StylingCV is not just a resume builder — it’s a smart AI builder that thinks. create a professional resume in 2 minutes in less than 2 minutes.
🦁 Check Your Resume with Stylion
Our AI-powered ATS resume checker analyzes your resume like a real recruiter. Get your score instantly.
Check Your Resume Free →