.tp-home,.tp-tool-wrap{max-width:1100px;margin:0 auto;padding:20px}.tp-hero{padding:28px;border:1px solid #e6e8ef;border-radius:20px;background:#f8fbff;margin-bottom:28px}.tp-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#335eea;margin:0 0 8px}.tp-hero h1{font-size:clamp(32px,5vw,48px);line-height:1.08;margin:0 0 12px}.tp-hero p{font-size:18px;margin:0;color:#475467}.tp-category{margin:32px 0}.tp-category h2{margin:0 0 14px;font-size:28px}.tp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tp-card{display:block;padding:16px;border:1px solid #e6e8ef;border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)}.tp-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,24,40,.08)}.tp-card strong{display:block;color:#101828;font-size:17px;margin-bottom:8px}.tp-card span{display:block;color:#475467;font-size:14px;line-height:1.45}.tp-tool-header h2{margin-bottom:6px}.tp-tool-header p{color:#475467}.tp-tool-box{border:1px solid #e6e8ef;border-radius:18px;padding:18px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.04);margin:14px 0 18px}.tp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px}.tp-fields label{display:block;font-weight:600;color:#101828;font-size:14px}.tp-fields input,.tp-fields select{width:100%;margin-top:6px;padding:12px;border:1px solid #d0d5dd;border-radius:12px;font-size:16px;background:#fff}.tp-btn{display:inline-block;padding:12px 18px;border:0;border-radius:12px;background:#335eea;color:#fff;font-weight:700;cursor:pointer}.tp-btn:hover{filter:brightness(.96)}.tp-result{margin-top:14px;padding:14px;border-radius:12px;background:#f5f7ff;font-weight:700;color:#101828}.tp-seo-text{margin-top:18px;color:#475467}@media (max-width: 640px){.tp-home,.tp-tool-wrap{padding:14px}.tp-hero{padding:20px}}