.detail-hero{padding-bottom:64px}
.offer-back{margin:0 0 18px!important}
.offer-back a{font-weight:800;color:#dceaf6;text-decoration:underline;text-underline-offset:3px}
.offer-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.offer-tags span{padding:8px 13px;border-radius:999px;background:#f3f7fb;color:#173b57;font-size:.83rem;font-weight:750}
.offer-detail-section{background:#f4f7fa;padding-top:54px}
.offer-card{background:#fff;border:1px solid #dce7ed;border-radius:22px;padding:30px;box-shadow:0 18px 40px rgba(6,31,52,.07)}
.offer-card-head{display:flex;align-items:center;gap:19px;padding-bottom:25px;border-bottom:1px solid #e2eaf0;margin-bottom:24px}
.offer-company-logo{width:84px;height:84px;padding:10px;border:1px solid #d4e0ea;border-radius:18px;flex:none;background:#fff;display:grid;place-items:center}
.offer-company-logo img{object-fit:contain;width:100%;height:100%}
.offer-company{margin:0 0 5px;color:#0f4a78;font-size:1.15rem;font-weight:800}
.offer-date{margin:0!important;color:#6b7e8e;font-size:.84rem}
.offer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.offer-detail-block{padding:22px;border:1px solid #dfebf3;background:#f8fbfd;border-radius:15px;overflow-wrap:anywhere}
.offer-detail-block h2{font-size:1.1rem;font-weight:800;color:#143853;letter-spacing:-.02em;margin:0 0 13px}
.offer-detail-block p{line-height:1.8;font-size:.94rem;color:#29465d;margin:0}
.offer-action{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;margin-top:26px;padding-top:22px;border-top:1px solid #e2eaf0}
.offer-action p{font-weight:800;color:#143853;margin:0}
.offer-action .button{min-width:225px}
html[data-theme="dark"] .offer-detail-section{background:#0d263f}
html[data-theme="dark"] .offer-card{background:#132d46;border-color:#385872;box-shadow:none}
html[data-theme="dark"] .offer-card-head,html[data-theme="dark"] .offer-action{border-color:#3c5872}
html[data-theme="dark"] .offer-detail-block{background:#17324a;border-color:#35546e}
html[data-theme="dark"] .offer-detail-block h2,html[data-theme="dark"] .offer-action p{color:#f2f8fd}
html[data-theme="dark"] .offer-detail-block p{color:#d0dfec}
html[data-theme="dark"] .offer-company{color:#8ed0ff}
html[data-theme="dark"] .offer-date{color:#b8cfe0}
@media(max-width:840px){.offer-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.offer-card{padding:20px}.offer-company-logo{width:70px;height:70px}.offer-detail-block{padding:18px}.offer-action .button{width:100%}}