
/* Prevent this file from affecting global header/footer */

header,
header *,
.site-header,
.site-header *,
nav,
nav *{
font-family:inherit !important;
}
/* =========================================
   PASSWORD CHECKER PAGE
   (SAFE CSS - HEADER/FOOTER UNCHANGED)
========================================= */
.psc-heading{
margin-top:0;
padding-top:0;
}
.psc-checker-section{
padding-top:0;
margin-top:14px;
}
.psc-heading h2{
margin-top:0;
padding-top:0;
}
.psc-wrapper{
max-width:760px;
margin:0 auto 8px;
padding:0 14px;
}

/* =========================================
   HERO REMOVED
========================================= */

.psc-hero{
display:none;
}

/* =========================================
   CHECKER SECTION
========================================= */

.psc-checker-section{
padding:0;
}

.psc-checker-box{
width:100%;
font-family:'Inter',sans-serif;
}

/* =========================================
   HEADING
========================================= */

.psc-heading h2{
font-size:38px;
font-weight:700;
font-family:'Inter',sans-serif;
color:#111827;
margin-bottom:18px;
line-height:1.2;
}

.psc-tip{
font-size:16px;
line-height:1.7;
color:#111827;
margin-bottom:24px;
}

.psc-tip strong{
font-weight:700;
}

/* =========================================
   SHOW PASSWORD
========================================= */

.psc-show-password{
display:flex;
justify-content:flex-end;
align-items:center;
gap:8px;
margin-bottom:10px;
font-size:14px;
color:#111827;
}

.psc-show-password input{
width:16px;
height:16px;
cursor:pointer;
}

/* =========================================
   PASSWORD INPUT #7fb34d
========================================= */

#password-input{
width:100%;
height:56px;
border:3px solid #151313;
background:#ececec;
padding:0 16px;
font-size:17px;
font-weight:600;
color:#111827;
outline:none;
}

#password-input::placeholder{
color:#9ca3af;
font-weight:500;
}
/* TOP INPUT BOX */
#password-input{
border:3px solid #111827;
}

/* STRENGTH BAR AREA */
.psc-strength-bar-bg{
border-left:1px solid #cbd5e1;
border-right:1px solid #cbd5e1;
}

/* LABEL AREA */
.psc-strength-label{
border-top:3px solid #d1d5db;
}
/* =========================================
   STRENGTH BAR
========================================= */

.psc-strength-container{
margin-top:0;

}

.psc-strength-bar-bg{
width:100%;
height:40px;
background:#d1d5db;
overflow:hidden;


}

#strength-bar{
height:100%;
width:0%;
transition:.3s ease;

}

#strength-bar.very-weak{
width:20%;
background:#dc2626;
}

#strength-bar.weak{
width:40%;
background:#ef4444;
}

#strength-bar.medium{
width:60%;
background:#076420;

}

#strength-bar.strong{
width:80%;
background:#84cc16;
}

#strength-bar.very-strong{
width:100%;
background:#65a30d;
}

.psc-strength-label{
background:#4facd0;
color:#fff;
text-align:center;
font-size:17px;
font-weight:700;
padding:11px;

}

/* =========================================
   SCORE #84b64f
========================================= */

.psc-score-box{
margin-top:22px;
text-align:center;

}

.psc-score-title{
font-size:15px;
color:#4b5563;
margin-bottom:4px;
}

.psc-score-value{
font-size:34px;
font-weight:300;
color:#111827;
}

#score-number{
font-weight:700;
}

/* =========================================
   CHARACTER TYPES
========================================= */

.psc-character-section{
margin-top:26px;
}

.psc-character-title{
font-size:18px;
font-weight:700;
margin-bottom:12px;
color:#111827;
}

.psc-character-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}

.char-box{
background:#e5e7eb;
border:1px solid transparent;
padding:11px;
text-align:center;
font-size:14px;
font-weight:600;
color:#9ca3af;
transition:.2s ease;
}

.char-box.active{
background:#f0fdf4;
border-color:#65a30d;
color:#65a30d;
}

/* =========================================
   ANALYSIS
========================================= */

.psc-analysis{
margin-top:24px;
border-top:1px solid #d1d5db;
padding-top:12px;
}

.analysis-item{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 0;
border-bottom:1px solid #e5e7eb;
gap:10px;
}

.analysis-item span{
font-size:15px;
color:#374151;
}

.analysis-item strong{
font-size:15px;
color:#111827;
}

/* =========================================
   CRACK TIME
========================================= */

.psc-crack-time{
text-align:center;
margin-top:28px;
}

.psc-crack-label{
font-size:17px;
color:#111827;
margin-bottom:6px;
}

.psc-crack-value{
font-size:38px;
font-weight:300;
line-height:1.15;
color:#1f2937;
}

/* =========================================
   REVIEW
========================================= */

.psc-review-box{
margin-top:24px;
text-align:center;
font-size:16px;
line-height:1.7;
color:#111827;
}

.psc-review-box strong{
font-weight:700;
}

/* =========================================
   PRIVACY NOTE
========================================= */

.psc-privacy-note{
margin-top:38px;
text-align:center;
font-size:15px;
font-weight:700;
line-height:1.7;
color:#111827;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

.psc-wrapper{
margin:28px auto;
padding:0 16px;
}

.psc-heading h2{
font-size:26px;
}

.psc-tip{
font-size:15px;
}

#password-input{
height:52px;
font-size:16px;
}

.psc-strength-label{
font-size:15px;
}

.psc-character-grid{
grid-template-columns:repeat(2,1fr);
}

.psc-crack-value{
font-size:30px;
}

.psc-review-box{
font-size:15px;
}

.faq-section h2{
font-size:28px;
}

.faq-section h3{
font-size:22px;
}

.faq-section p{
font-size:16px;
}

}










.psc-hero-text {
    margin-top: 14px;
    line-height: 1.8;
}

.psc-highlight-box {
    margin-top: 20px;
    padding: 14px 16px;
    border-left: 4px solid #facc15;
    background: rgba(250, 204, 21, 0.08);
    border-radius: 8px;
    line-height: 1.7;
}

.psc-warning-box {
    margin-top: 20px;
    padding: 14px 16px;
    border-left: 4px solid #f59e0b;
    background: rgba(245, 158, 11, 0.08);
    border-radius: 8px;
    line-height: 1.7;
}

