@layer app{.page.home-promotion{padding-block:28px}.promotion-banner{display:flex;align-items:center;gap:var(--space-5);padding:26px 30px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.promotion-banner-accent{border-color:var(--color-control-border,var(--color-secondary))}.promotion-icon{display:flex;flex:none}.promotion-icon .icon{width:34px;height:34px}.promotion-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);flex:none}.promotion-copy{flex:1 1;min-width:0;overflow-wrap:anywhere}.promotion-copy h2{margin:0;font-size:var(--text-xl);line-height:1.5;font-weight:650;letter-spacing:-.6px}.promotion-copy p{margin:7px 0 0;color:var(--color-secondary);font-size:var(--text-base);line-height:1.7}.promotion-copy .field-error{color:var(--color-error)}.promotion-notice{margin-top:var(--space-3)}.promotion-actions{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3) 20px;max-width:40%}.promotion-received{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-secondary);white-space:nowrap}@media(max-width:760px){.page.home-promotion{padding-block:20px}.promotion-banner{gap:var(--space-4);flex-wrap:wrap;padding:22px}.promotion-icon{display:none}.promotion-image{width:100%;height:96px}.promotion-copy h2{font-size:var(--text-lg)}.promotion-copy p{font-size:var(--text-sm)}.promotion-actions{flex-basis:100%;max-width:100%;justify-content:flex-start}.promotion-image+.promotion-copy{flex-basis:100%}}}