.ig-milestone { position: relative; isolation: isolate; container-type: inline-size; max-width: 790px; margin: 0 auto 35px; padding: 29px 34px 23px; text-align: center; border: 1px solid #efcbdc; border-radius: 28px; overflow: hidden; color: #443047; background: radial-gradient(ellipse at 2% 0%, #fbe9f5 0, transparent 43%), radial-gradient(ellipse at 100% 95%, #f4e7fc 0, transparent 48%), linear-gradient(125deg,#fff9fc,#fff 45%,#fff6fb); box-shadow: 0 13px 40px #aa397d11; }
.ig-milestone::before { content: ""; position: absolute; z-index: -1; inset: 8px; border: 1px solid #ffffffec; border-radius: 21px; pointer-events: none; }
.ig-milestone::after { content: "Instagram  Instagram  Instagram"; position: absolute; left: -30%; top: 40%; width: 170%; transform: rotate(-17deg); color: #d382ad0a; white-space: nowrap; font: italic 110px Georgia,serif; z-index: -1; pointer-events: none; }
.ig-milestone-badge { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; color: #b33a88; font: 600 10px/1.4 Arial,sans-serif; letter-spacing: .22em; }
.ig-milestone-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; background: linear-gradient(30deg,#ffba79,#ed4e91 48%,#8b4dca); color: #fff; box-shadow: 0 4px 12px #e67bb02a; }
.ig-milestone-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ig-milestone-brand { font: 600 clamp(17px,3.1cqw,24px)/1.5 var(--sans); letter-spacing: .04em; }
.ig-milestone h3 { margin: 5px 0 15px; font-family: var(--sans); }
.ig-milestone-intro { display: block; font-size: clamp(19px,4cqw,29px); font-weight: 600; letter-spacing: .03em; }
.ig-milestone-main { display: flex; justify-content: center; align-items: center; gap: 9px; margin: 2px auto 0; white-space: nowrap; }
.ig-milestone-number { display: flex; align-items: baseline; color: #cc3686; font: 900 clamp(90px,27cqw,185px)/1.08 var(--sans); letter-spacing: -.065em; background: linear-gradient(125deg,#ef5e98 3%,#d5348a 50%,#8b3fbd 95%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ig-milestone-number b { font: 900 1.18em/.95 Arial,sans-serif; letter-spacing: -.09em; padding-right: .075em; }
.ig-milestone-number span { font-size: .86em; }
.ig-milestone-result { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: .6em; font-weight: 800; }
.ig-milestone-result>span { color: #843a75; font-size: clamp(28px,6.5cqw,47px); line-height: 1.15; letter-spacing: .1em; padding-left: .1em; }
.ig-milestone-result strong { position: relative; z-index: 0; color: #ce3b83; font-size: clamp(31px,7cqw,53px); line-height: 1.2; letter-spacing: .02em; }
.ig-milestone-result strong::after { content: ""; position: absolute; z-index: -1; bottom: 1px; left: -4px; right: -3px; height: .37em; background: #fff078; transform: rotate(-3deg); }
.ig-milestone-search { width: min(100%,455px); display: flex; align-items: center; gap: 13px; margin: 12px auto 0; padding: 12px 17px; min-height: 62px; border: 1px solid #e8bad2; border-radius: 100px; background: #fff; color: #6e3b6c; box-shadow: 0 5px 0 #f6e9f1,0 9px 18px #a5477910; text-align: left; transition: transform .15s,box-shadow .15s; }
.ig-milestone-search:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #f6e9f1,0 12px 22px #a5477917; }
.ig-milestone-search:focus-visible { outline: 2px solid #be438d; outline-offset: 5px; }
.ig-milestone-search svg { width: 23px; height: 23px; fill: none; stroke: #c24b8f; stroke-width: 1.6; flex: none; }
.ig-milestone-handle { font: 600 clamp(21px,4.3cqw,30px)/1.2 Arial,sans-serif; letter-spacing: .01em; }
.ig-milestone-copy { margin-left: auto; font: 11px/1.2 var(--sans); color: #9b5387; white-space: nowrap; }
.ig-milestone-prompt { margin-top: 14px; font-size: clamp(14px,2.7cqw,18px); font-weight: 600; letter-spacing: .03em; }
.ig-milestone-prompt span { display: inline-block; position: relative; }
.ig-milestone-prompt span::before,.ig-milestone-prompt span::after { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 13px; background: #c773a3; transform: rotate(-22deg); vertical-align: -2px; }
.ig-milestone-prompt span::after { transform: rotate(22deg); }
.ig-milestone-message { min-height: 16px; margin-top: 6px; color: #a36e93; font-size: 10px; line-height: 1.6; }
@media(max-width:700px) {
 .ig-milestone { border-radius: 22px; padding: 22px 15px 14px; margin-bottom: 27px; }
 .ig-milestone::before { inset: 6px; border-radius: 17px; }
 .ig-milestone-badge { margin-bottom: 11px; gap: 8px; font-size: 9px; }
 .ig-milestone-icon { width: 31px; height: 31px; border-radius: 10px; }
 .ig-milestone-icon svg { width: 22px; height: 22px; }
 .ig-milestone-brand { font-size: 16px; letter-spacing: .015em; }
 .ig-milestone-intro { font-size: 20px; }
 .ig-milestone h3 { margin-top: 4px; margin-bottom: 10px; }
 .ig-milestone-main { gap: 8px; margin-top: 5px; }
 .ig-milestone-number { font-size: clamp(84px,31cqw,125px); }
 .ig-milestone-result>span { font-size: clamp(26px,9cqw,35px); }
 .ig-milestone-result strong { font-size: clamp(28px,10cqw,38px); }
 .ig-milestone-search { padding: 11px 12px; min-height: 53px; gap: 8px; margin-top: 12px; }
 .ig-milestone-search svg { width: 20px; height: 20px; }
 .ig-milestone-handle { font-size: clamp(19px,6.9cqw,25px); }
 .ig-milestone-copy { font-size: 9px; }
 .ig-milestone-prompt { margin-top: 14px; font-size: 13px; letter-spacing: 0; }
 .ig-milestone-prompt span::before,.ig-milestone-prompt span::after { margin-left: 9px; margin-right: 9px; height: 12px; }
 .ig-milestone-message { font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) { .ig-milestone-search { transition: none; } }