:root{--ch27-navy:#0B1F3B;--ch27-blue:#007BFF;--ch27-orange:#FF7A00;--ch27-bg:#F6F8FB;--ch27-text:#1F2937;--ch27-line:#E5EAF1}
.ch27-wrap{max-width:1120px;margin:24px auto;padding:0 16px;color:var(--ch27-text)}
.ch27-hero{padding:28px;border-radius:24px;background:linear-gradient(135deg,var(--ch27-navy),#123A6A);color:#fff;margin-bottom:18px}
.ch27-hero h1{color:#fff;margin:.2em 0}.ch27-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff}.ch27-note{font-size:13px;color:#64748B}
.ch27-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.ch27-card{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--ch27-line);border-radius:18px;background:#fff;text-decoration:none;color:var(--ch27-text);box-shadow:0 6px 24px rgba(11,31,59,.06)}
.ch27-card strong{font-size:24px;color:var(--ch27-navy)}.ch27-score-card{padding:22px;border:1px solid var(--ch27-line);border-radius:20px;background:#fff}.ch27-score{font-size:44px;font-weight:800;color:var(--ch27-blue)}.ch27-score-max{color:#64748B;margin-right:12px}.ch27-meter{height:10px;background:#EAF0F7;border-radius:999px;overflow:hidden;margin:12px 0}.ch27-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--ch27-blue),var(--ch27-orange));border-radius:999px}.ch27-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#EAF3FF;color:#075BB8;font-weight:700;font-size:12px;margin:2px}.ch27-badge-expert{background:#FFF0E2;color:#B85000}
.ch27-form{display:grid;gap:12px;padding:18px;border:1px solid var(--ch27-line);border-radius:18px;background:#fff}.ch27-form label{display:grid;gap:6px;font-weight:600}.ch27-form input,.ch27-form select,.ch27-form textarea{width:100%;box-sizing:border-box;border:1px solid #CBD5E1;border-radius:12px;padding:11px;background:#fff}.ch27-form textarea{min-height:120px}.ch27-list{display:grid;gap:8px}.ch27-row{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ch27-line);background:#fff}.ch27-row span{font-weight:700;color:var(--ch27-blue)}.ch27-row small{color:#64748B}.ch-btn{display:inline-block;padding:10px 15px;border-radius:12px;border:1px solid #CBD5E1;background:#fff;color:var(--ch27-navy);text-decoration:none;font-weight:700}.ch-btn-primary{background:var(--ch27-blue);border-color:var(--ch27-blue);color:#fff}
@media(max-width:640px){.ch27-row{grid-template-columns:1fr}.ch27-score{font-size:36px}.ch27-hero{padding:20px}}