#rsp-app{
--rsp-bg:#171311;--rsp-panel:#241711;--rsp-border:#6D4B2A;--rsp-brass:#B87A2A;--rsp-brass-light:#D39A42;--rsp-text:#F3F1EC;--rsp-muted:#B9B3AA;
min-height:100vh;background:radial-gradient(circle at top left,rgba(184,122,42,.18),transparent 35%),linear-gradient(135deg,#171311 0%,#241711 100%);color:var(--rsp-text);font-family:Arial,sans-serif;padding:48px 20px;box-sizing:border-box}
.rsp-shell{width:min(1180px,100%);margin:0 auto}
.rsp-brand{display:flex;gap:18px;align-items:center;padding:24px;border:1px solid var(--rsp-border);background:rgba(0,0,0,.24);border-radius:22px;margin-bottom:24px}
.rsp-mark{width:84px;height:84px;border-radius:18px;border:1px solid var(--rsp-brass);display:grid;place-items:center;color:var(--rsp-brass-light);font-weight:900;font-size:28px;background:rgba(0,0,0,.22)}
.rsp-kicker{color:var(--rsp-brass-light);font-weight:800;margin:0 0 4px;letter-spacing:.12em;font-size:13px}
.rsp-brand h1{margin:0;font-size:clamp(34px,5vw,62px);line-height:1}
.rsp-subtitle{margin:10px 0 0;color:var(--rsp-muted);max-width:720px}
.rsp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rsp-card{text-align:left;border:1px solid var(--rsp-border);background:rgba(0,0,0,.22);color:var(--rsp-text);border-radius:18px;padding:22px;cursor:pointer;min-height:170px}
.rsp-card:hover{border-color:var(--rsp-brass);transform:translateY(-2px)}
.rsp-card span{font-size:30px}.rsp-card strong{display:block;margin:16px 0 8px;font-size:20px}.rsp-card small{color:var(--rsp-muted);line-height:1.45}
.rsp-footer{margin-top:22px;color:var(--rsp-muted);font-size:13px;text-align:center}
@media(max-width:860px){.rsp-grid{grid-template-columns:1fr}.rsp-brand{align-items:flex-start}}