.stpg-wrap{max-width:1040px;margin:46px auto 30px;padding:0 16px;font-family:Arial,Helvetica,sans-serif;color:#101828}.stpg-header{text-align:center;margin:18px 0 24px;padding-top:10px}.stpg-header h1{margin:0 0 10px;font-size:42px;line-height:1.12}.stpg-header p{max-width:820px;margin:auto;color:#667085;font-size:17px;line-height:1.65}.stpg-card{background:#fff;border:1px solid #e6eaf0;border-radius:24px;padding:24px;box-shadow:0 14px 38px rgba(16,24,40,.08);margin-bottom:18px}.stpg-tabs{display:flex;gap:10px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:16px;padding:8px;margin-bottom:18px}.stpg-tab{flex:1;border:none;border-radius:12px;padding:13px 15px;background:transparent;color:#344054;font-weight:900;cursor:pointer}.stpg-tab.active{background:#f88452;color:#fff;box-shadow:0 8px 20px rgba(248,132,82,.22)}.stpg-panel{display:none}.stpg-panel.active{display:block}.stpg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.stpg-field label{display:block;font-weight:800;color:#344054;margin-bottom:7px}.stpg-field input,.stpg-field select{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:12px 13px;font-size:15px;box-sizing:border-box;background:#fff;outline:none}.stpg-field input:focus,.stpg-field select:focus{border-color:#f88452;box-shadow:0 0 0 4px rgba(248,132,82,.15)}.stpg-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:18px;padding:14px;margin-bottom:16px}.stpg-checks label{font-weight:700;color:#344054}.stpg-checks input{margin-right:8px}.stpg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stpg-btn{border:none;background:#f88452;color:#fff;padding:12px 17px;border-radius:13px;font-weight:900;cursor:pointer;transition:.2s}.stpg-btn:hover{transform:translateY(-1px);filter:brightness(.96)}.stpg-soft{background:#f2f4f7;color:#344054}.stpg-download{background:#eb6f39}.stpg-strength{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stpg-strength div{background:#f8fafc;border:1px solid #e6eaf0;border-radius:16px;padding:14px}.stpg-strength span{display:block;color:#667085;font-size:13px;margin-bottom:6px;font-weight:700}.stpg-strength strong{display:block;color:#101828;font-size:18px}.stpg-results{display:grid;gap:10px;margin-top:18px}.stpg-result{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e6eaf0;border-radius:16px;padding:12px}.stpg-pass{font-family:Consolas,Monaco,monospace;font-size:16px;word-break:break-all;color:#101828}.stpg-copy{border:none;background:#f88452;color:#fff;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer}.stpg-status{margin-top:18px;background:linear-gradient(135deg,#0f172a,#f88452);color:#fff;border-radius:20px;padding:20px;font-size:18px;font-weight:900}.stpg-seo{background:#fff;border:1px solid #e6eaf0;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(16,24,40,.05)}.stpg-seo h2{margin:0 0 10px;font-size:24px}.stpg-seo p{color:#475467;line-height:1.7;margin:0}@media(max-width:800px){.stpg-header h1{font-size:34px}.stpg-grid,.stpg-checks,.stpg-strength{grid-template-columns:1fr}.stpg-tabs{flex-direction:column}.stpg-result{grid-template-columns:1fr}.stpg-actions .stpg-btn{width:100%}}

/* v1.1 branding */
.stpg-field input[type=range],
.stpg-field input[type=checkbox]{
accent-color:#f88452;
}
.stpg-btn:hover,
.stpg-copy:hover{
background:#eb6f39!important;
}