.course-bonus{background:linear-gradient(135deg,#f0fdfaeb,#f8fafcfa),#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;gap:1rem;padding:1rem;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a14}.course-bonus--hero{margin-top:-.75rem}.course-bonus__main{gap:.875rem;min-width:0;display:flex}.course-bonus__icon-shell{color:#fff;background:#0f766e;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.course-bonus__icon{width:1.25rem;height:1.25rem}.course-bonus__content{min-width:0}.course-bonus__eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:700}.course-bonus__title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.course-bonus__description{color:#475569;margin:.375rem 0 0;font-size:.9375rem;line-height:1.65}.course-bonus__bullets{gap:.5rem;margin:.875rem 0 0;padding:0;list-style:none;display:grid}.course-bonus__bullets li{color:#334155;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.5;display:flex}.course-bonus__bullets svg{color:#059669;flex:none;width:1rem;height:1rem;margin-top:.125rem}.course-bonus__actions{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex}.course-bonus__cta{color:#fff;background:#0f172a;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .16s,transform .16s;display:inline-flex}.course-bonus__cta:hover{background:#1e293b;text-decoration:none;transform:translateY(-1px)}.course-bonus__cta--disabled{cursor:default;opacity:.74}.course-bonus__cta--disabled:hover{background:#0f172a;transform:none}.course-bonus__cta:focus-visible{outline-offset:3px;outline:3px solid #0f766e59}.course-bonus__cta svg{width:1rem;height:1rem}.course-bonus__note{color:#64748b;margin:0;font-size:.8125rem;line-height:1.5}.course-bonus__files{border-top:1px solid #94a3b873;gap:.625rem;padding-top:1rem;display:grid}.course-bonus__file{color:inherit;background:#ffffffc2;border:1px solid #94a3b873;border-radius:.5rem;gap:.75rem;min-width:0;padding:.75rem;text-decoration:none;transition:border-color .16s,background-color .16s;display:flex}.course-bonus__file:hover{background:#fff;border-color:#0f766e;text-decoration:none}.course-bonus__file--locked{cursor:default;opacity:.92}.course-bonus__file--locked:hover{background:#ffffffc2;border-color:#94a3b873}.course-bonus__file:focus-visible{outline-offset:2px;outline:3px solid #0f766e47}.course-bonus__file-icon{color:#0369a1;background:#e0f2fe;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.dark .course-bonus__file-icon{color:#7dd3fc;background:#0284c726}.course-bonus__file-icon svg{width:1rem;height:1rem}.course-bonus__file-copy{gap:.25rem;min-width:0;display:grid}.course-bonus__file-title{color:#0f172a;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.4;display:flex}.course-bonus__file-type{color:#92400e;background:#fef3c7;border-radius:.375rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:800;line-height:1.2}.dark .course-bonus__file-type{color:#fcd34d;background:#f59e0b26}.course-bonus__file-description{color:#64748b;font-size:.8125rem;line-height:1.5}@media (min-width:640px){.course-bonus{padding:1.25rem}.course-bonus--hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.course-bonus__actions{align-items:flex-start}.course-bonus__files{grid-template-columns:repeat(2,minmax(0,1fr))}}.dark .course-bonus{background:linear-gradient(135deg,#134e4a61,#0f172af0),#0f172a;border-color:#94a3b847;box-shadow:0 1px 2px #02061766}.dark .course-bonus__file-title,.dark .course-bonus__title{color:#f8fafc}.dark .course-bonus__bullets li,.dark .course-bonus__description{color:#cbd5e1}.dark .course-bonus__file-description,.dark .course-bonus__note{color:#94a3b8}.dark .course-bonus__cta{color:#0f172a;background:#f8fafc}.dark .course-bonus__cta:hover{background:#e2e8f0}.dark .course-bonus__file{background:#0f172ab8;border-color:#94a3b83d}.dark .course-bonus__file:hover{background:#0f172af0;border-color:#2dd4bf}.dark .course-bonus__file--locked:hover{background:#0f172ab8;border-color:#94a3b83d}.dark .course-bonus__cta--disabled:hover{background:#f8fafc}
