@layer components{.dlg__backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);opacity:1;transition:opacity .28s var(--ease);background:#0f0d0c8c;position:fixed;inset:0}.dlg__backdrop[data-starting-style],.dlg__backdrop[data-ending-style]{opacity:0}.dlg__panel{z-index:101;background:var(--surface);border-radius:var(--r-lg);text-align:left;opacity:1;width:calc(100% - 48px);max-width:480px;transition:transform .32s var(--ease), opacity .28s var(--ease);padding:clamp(32px,5vw,48px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 50px 100px -20px #0f0d0c66}.dlg__panel[data-starting-style],.dlg__panel[data-ending-style]{opacity:0;transform:translate(-50%,calc(18px - 50%))scale(.98)}.dlg__close-x{appearance:none;width:36px;height:36px;color:var(--ink-4);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:50%;font-size:26px;line-height:1;position:absolute;top:14px;right:14px}.dlg__close-x:hover{background:var(--surface-low);color:var(--ink)}.dlg__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink);background:var(--primary-soft);border-radius:999px;margin-bottom:18px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.dlg__title{letter-spacing:-.025em;color:var(--ink);margin:0 0 12px;font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.1}.dlg__title em{color:var(--ink-3);font-style:italic;font-weight:400}.dlg__body{color:var(--ink-3);margin:0 0 24px;font-size:15px;font-weight:300;line-height:1.55}}