.marketplace-choose-page { padding: 26px 0 48px; }
.marketplace-choose-breadcrumb { display: flex; align-items: center; gap: 9px; color: #64748b; font-size: 13px; line-height: 20px; }
.marketplace-choose-breadcrumb a { color: #475569; text-decoration: none; }
.marketplace-choose-breadcrumb a:hover, .marketplace-choose-breadcrumb a:focus-visible { color: #7ca5ff; }
.marketplace-choose-heading { margin: 14px 0 30px; }
.marketplace-choose-heading h1 { margin: 0; color: #1f2937; font-size: 30px; font-weight: 700; line-height: 42px; }
.marketplace-choose-heading p { margin: 5px 0 0; color: #64748b; font-size: 14px; line-height: 22px; }
.marketplace-choose-progress { display: flex; min-height: 82px; align-items: center; justify-content: center; gap: 18px; margin-bottom: 36px; padding: 18px 24px; border: 1px solid #e2e8f0; border-radius: 14px; background: #ffffff; }
.marketplace-choose-step { display: flex; align-items: center; gap: 10px; color: #64748b; font-size: 14px; }
.marketplace-choose-step span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #64748b; background: #eef2f7; font-weight: 700; }
.marketplace-choose-step strong { font-weight: 500; }
.marketplace-choose-step.is-current { color: #2f64d6; }
.marketplace-choose-step.is-current span { color: #fff; background: #2c58d0; }
.marketplace-choose-progress > i { width: 92px; height: 2px; background: #dce3ed; }
.marketplace-choose-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.marketplace-choose-card { display: flex; min-height: 178px; align-items: center; flex-direction: column; justify-content: center; padding: 26px 24px; border: 2px solid #e1e6ee; border-radius: 15px; color: #1f2937; text-align: center; text-decoration: none; background: #ffffff; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.marketplace-choose-card:hover { border-color: var(--marketplace-card-accent); background: #f8fafc; transform: translateY(-2px); }
.marketplace-choose-card:focus-visible { border-color: var(--marketplace-card-accent); outline: 3px solid var(--marketplace-card-outline); outline-offset: 3px; }
.marketplace-choose-card strong { margin-top: 15px; font-size: 16px; font-weight: 650; line-height: 24px; }
.marketplace-choose-card > span:last-child { margin-top: 7px; color: #64748b; font-size: 13px; line-height: 21px; }
.marketplace-choose-icon { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 14px; color: var(--marketplace-card-accent); background: var(--marketplace-card-surface); }
.marketplace-choose-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.marketplace-choose-card--tender { --marketplace-card-accent: #6872e8; --marketplace-card-surface: #eef0ff; --marketplace-card-outline: #b7bdfb; }
.marketplace-choose-card--material { --marketplace-card-accent: #e86716; --marketplace-card-surface: #fff1e7; --marketplace-card-outline: #f5bf98; }
.marketplace-choose-card--logistics { --marketplace-card-accent: #119b73; --marketplace-card-surface: #e4f7f0; --marketplace-card-outline: #8ad8c0; }
.marketplace-choose-card--fabrication { --marketplace-card-accent: #9c58d1; --marketplace-card-surface: #f4eafa; --marketplace-card-outline: #d6aeea; }
.marketplace-choose-card--design { --marketplace-card-accent: #d93677; --marketplace-card-surface: #fde8f1; --marketplace-card-outline: #f2aac8; }
.marketplace-choose-card--talent { --marketplace-card-accent: #1687a8; --marketplace-card-surface: #e3f4f8; --marketplace-card-outline: #91d0df; }
@media (max-width: 960px) { .marketplace-choose-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .marketplace-choose-page { padding-top: 20px; } .marketplace-choose-heading h1 { font-size: 26px; } .marketplace-choose-progress { gap: 10px; justify-content: space-between; padding: 16px; } .marketplace-choose-progress > i { width: 36px; } .marketplace-choose-step { gap: 7px; font-size: 13px; } .marketplace-choose-grid { grid-template-columns: 1fr; gap: 14px; } .marketplace-choose-card { min-height: 158px; } }
@media (prefers-reduced-motion: reduce) { .marketplace-choose-card { transition: none; } }