.srp-app{max-width:980px;margin:0 auto 40px;font-family:inherit;color:#1f2937}
.srp-box,.srp-box-inner{background:#fff;border:1px solid rgba(191,161,74,.22);border-radius:20px;box-shadow:0 18px 38px rgba(24,29,37,.07);padding:28px}
.srp-box-inner{padding:22px;margin-top:22px}
.srp-hero-box{position:relative;overflow:hidden}
.srp-hero-box:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#d4af37,#f4c430,#c79b1d)}
.srp-page-title{font-size:clamp(34px,4vw,52px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin:8px 0 28px;color:#111827}
.srp-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.srp-head h2{margin:0 0 8px;font-size:34px;line-height:1.1;color:#111827}
.srp-subtitle{margin:0;color:#6b7280;font-size:15px}
.srp-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.srp-top-grid label span{display:block;font-weight:700;color:#374151;margin-bottom:8px}
.srp-top-grid input{width:100%;height:52px;border:1px solid #d8dee8;border-radius:14px;padding:0 14px;background:#fbfcfe;transition:.2s ease}
.srp-top-grid input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 4px rgba(212,175,55,.14);background:#fff}
.srp-section-title{font-size:24px;margin:28px 0 16px;color:#111827}
.srp-answers-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.srp-question-card{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid #eceff4;border-radius:16px;padding:14px;box-shadow:0 8px 18px rgba(17,24,39,.04)}
.srp-question-card strong{display:block;font-size:20px;color:#111827;margin-bottom:10px}
.srp-options{display:grid;gap:8px;font-size:14px;color:#374151}
.srp-options label{display:flex;align-items:center;gap:6px}
.srp-options input[type=radio]{accent-color:#c89e18}
.srp-actions{margin-top:24px;display:flex;justify-content:center}
.srp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;text-decoration:none!important;font-weight:800;letter-spacing:.01em;transition:all .25s ease;border:1px solid transparent;cursor:pointer}
.srp-button-primary{background:linear-gradient(135deg,#f4c430,#d8a41f);color:#161616;box-shadow:0 14px 24px rgba(212,175,55,.28)}
.srp-button-primary:hover,.srp-button-primary:focus{transform:translateY(-1px);background:linear-gradient(135deg,#ffd24d,#bf8d12);box-shadow:0 18px 30px rgba(212,175,55,.34);color:#111}
.srp-button-secondary{background:#111827;color:#fff}
.srp-button-secondary:hover,.srp-button-secondary:focus{background:#1f2937;color:#fff;transform:translateY(-1px)}
.srp-alert{border-radius:16px;padding:14px 18px;margin:18px 0;font-weight:700}
.srp-alert-error{background:#fff4f4;color:#a61b1b;border:1px solid #fecaca}
.srp-alert-success{background:#f7f8ea;color:#5b4a00;border:1px solid #ead57f}
.srp-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.srp-table th,.srp-table td{padding:12px 14px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:top}
.srp-table th{background:#faf6e3;color:#4b5563;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.srp-table-summary th{width:18%}
.srp-table-summary td{width:32%}
.srp-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 22px}
.srp-stat-card{border-radius:18px;background:linear-gradient(180deg,#fff,#fbfbf6);border:1px solid rgba(212,175,55,.24);padding:18px;box-shadow:0 10px 20px rgba(17,24,39,.05)}
.srp-stat-card span{display:block;color:#6b7280;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.srp-stat-card strong{font-size:28px;color:#111827}
.srp-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.srp-row-ok td{background:#f0fdf4}.srp-row-bad td{background:#fff7ed}.srp-row-blank td{background:#f8fafc}
@media (max-width:1024px){.srp-answers-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:780px){.srp-head,.srp-top-grid,.srp-two-columns,.srp-stats-grid{grid-template-columns:1fr;display:grid}.srp-answers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.srp-page-title{font-size:34px}.srp-head h2{font-size:28px}}
@media (max-width:480px){.srp-box,.srp-box-inner{padding:18px}.srp-answers-grid{grid-template-columns:1fr}.srp-button{width:100%}}
