.opportunity-shell{position:relative;overflow:hidden;background:#fff;border:2px solid #e5e7eb;border-radius:1.5rem;padding:2rem;box-shadow:0 12px 28px rgba(29,53,87,.09)}
.opportunity-shell:before{content:"";position:absolute;inset:0 0 auto;height:.45rem;background:linear-gradient(90deg,#E63946 0 32%,#A8DADC 32% 67%,#1D3557 67%)}
.opportunity-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.opportunity-field{display:flex;flex-direction:column;gap:.55rem;color:#1D3557;font-weight:700}
.opportunity-field-wide{grid-column:1/-1}
.opportunity-field input,.opportunity-field select{width:100%;border:2px solid #dfe5ea;border-radius:.9rem;background:#fff;padding:.9rem 1rem;color:#1D3557}
.opportunity-field input:focus,.opportunity-field select:focus{outline:3px solid rgba(168,218,220,.55);border-color:#457B9D}
.opportunity-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.opportunity-action,.opportunity-copy{border-radius:1rem;padding:1rem 1.4rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}
.opportunity-action{flex:1;background:#E63946;color:#fff;box-shadow:0 8px 18px rgba(230,57,70,.2)}
.opportunity-copy{background:#1D3557;color:#fff}
.opportunity-action:hover,.opportunity-copy:hover{transform:translateY(-2px)}
.opportunity-action:focus-visible,.opportunity-copy:focus-visible{outline:3px solid #A8DADC;outline-offset:3px}
.opportunity-result{min-height:12rem;border:2px dashed #A8DADC;border-radius:1.25rem;background:#F1FAEE;padding:1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem}
.opportunity-result.has-result{justify-content:flex-start;border-style:solid}
.opportunity-result-item{display:flex;align-items:flex-start;gap:.9rem;border-radius:1rem;background:#fff;padding:1rem;text-align:left;box-shadow:0 5px 16px rgba(29,53,87,.07)}
.opportunity-result-item>span{width:1.8rem;height:1.8rem;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:#A8DADC;color:#1D3557;font:700 .75rem ui-monospace,monospace}
.opportunity-result-item strong{color:#1D3557;font-size:1.05rem;overflow-wrap:anywhere}
.opportunity-result-card p{margin-top:.35rem;color:#4b5563;line-height:1.55}
.code-results .opportunity-result-item{border-left:4px solid #1D3557;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.birthday-results .opportunity-result-item{position:relative;border-left:4px solid #E63946}
.birthday-results .opportunity-result-item:after{content:"";position:absolute;left:-.48rem;top:1.25rem;width:.7rem;height:.7rem;border-radius:50%;background:#E63946;border:2px solid #fff}
.topic-results .opportunity-result-item:nth-child(odd){transform:rotate(-.18deg)}
.topic-results .opportunity-result-item:nth-child(even){transform:rotate(.18deg)}
.hybrid-results .opportunity-result-item{background:linear-gradient(110deg,#fff 0 49%,#F1FAEE 49% 100%);border:1px solid #A8DADC}
.opportunity-status{min-height:1.5rem;margin-top:.75rem;color:#457B9D;font-weight:700}
.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.opportunity-example{background:#F1FAEE;border:1px solid rgba(168,218,220,.65);border-radius:1rem;padding:1rem;color:#1D3557;font-weight:700}
@media(max-width:640px){.opportunity-shell{padding:1.25rem}.opportunity-controls,.opportunity-grid{grid-template-columns:1fr}.opportunity-field-wide{grid-column:auto}.opportunity-actions{flex-direction:column}.opportunity-action{width:100%}}
@media(prefers-reduced-motion:reduce){.opportunity-action,.opportunity-copy{transition:none}.opportunity-action:hover,.opportunity-copy:hover{transform:none}.topic-results .opportunity-result-item{transform:none}}