main{flex:1;display:flex;justify-content:center;padding:24px;overflow-y:auto}.center-panel{width:100%;max-width:560px;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.password-wrapper{display:flex;gap:8px;align-items:stretch}.password-wrapper input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:16px;transition:border-color .2s}.password-wrapper input:focus{border-color:var(--accent)}.toggle-vis{font-size:18px;padding:8px 12px}.strength-bar-container{height:8px;background:var(--bg3);border-radius:4px;overflow:hidden}.strength-bar{height:100%;width:0%;border-radius:4px;transition:width .3s ease,background .3s ease}.strength-info{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.strength-score{font-size:12px;color:var(--muted);font-weight:600}.strength-label{font-size:13px;font-weight:700}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px;text-align:center}.result-card-title{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px}.result-card-value{font-size:16px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.feedback-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px 20px}.feedback-title{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:10px}#suggestionsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}#suggestionsList li{font-size:13px;color:var(--warning);padding-left:16px;position:relative;line-height:1.4}#suggestionsList li:before{content:"\26a0\fe0f";position:absolute;left:0;font-size:11px}#suggestionsList li.good{color:var(--success)}#suggestionsList li.good:before{content:"\2705"}.flex-row{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}@media(max-width:600px){.hidden{display:none}main{padding:16px}.result-cards{grid-template-columns:1fr}}