.faq .faq-card{background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 86%);border-radius:16px;padding:28px;box-shadow:0 10px 24px rgb(0 0 0 / .06);transition:border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease}.faq .faq-card:hover{border-color:color-mix(in srgb,var(--accent-color),transparent 35%);box-shadow:0 16px 30px rgb(0 0 0 / .1);transform:translateY(-4px)}.faq .faq-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.faq .faq-card__icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);font-size:18px}.faq .faq-card__date{font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 40%)}.faq .faq-card__title{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}.faq .faq-card__title-link{color:var(--heading-color)}.faq .faq-card__title-link:hover{color:var(--accent-color)}.faq .faq-card__excerpt{margin:0 0 18px;color:color-mix(in srgb,var(--default-color),transparent 12%);line-height:1.7}.faq .content-dates{margin-bottom:16px;display:block;font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 35%)}.faq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid #fff0;font-weight:600;font-size:14px;line-height:1;transition:all 0.25s ease}.faq-btn i{font-size:16px}.faq-btn--ghost{padding:11px 16px;color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color),transparent 55%);background-color:color-mix(in srgb,var(--accent-color),transparent 92%)}.faq-btn--ghost:hover,.faq-btn--ghost:focus-visible{color:var(--contrast-color);border-color:var(--accent-color);background-color:var(--accent-color)}.faq-btn--primary{padding:13px 24px;color:var(--contrast-color);background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 10px 20px rgb(0 0 0 / .15)}.faq-btn--primary:hover,.faq-btn--primary:focus-visible{color:var(--contrast-color);background-color:color-mix(in srgb,var(--accent-color),transparent 15%);border-color:color-mix(in srgb,var(--accent-color),transparent 15%);transform:translateY(-1px)}.faq-pagination .blog-pagination__nav{justify-content:center}@media (max-width:767px){.faq .faq-card{padding:22px}.faq .faq-card__title{font-size:20px}.faq-btn--primary{width:100%}}.portfolio-metrics .metric-card--status{border-color:color-mix(in srgb,var(--accent-color),transparent 72%);background:linear-gradient(140deg,color-mix(in srgb,var(--accent-color),transparent 95%) 0%,var(--surface-color) 58%)}.portfolio-metrics .metric-card--status .metric-icon{background:color-mix(in srgb,var(--accent-color),transparent 86%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 70%)}.portfolio-metrics .metric-card--status .metric-content{min-width:0}.portfolio-metrics .metric-card--status .metric-value{margin:0 0 5px;font-size:clamp(2rem, 2.8vw, 2.35rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:#536786;white-space:nowrap}.portfolio-metrics .metric-card--status .metric-label{margin:0;font-size:.98rem;font-weight:500;color:color-mix(in srgb,var(--default-color),transparent 28%);opacity:1}.portfolio-metrics .metric-card--status-completed .metric-value{color:#536786}.portfolio-metrics .metric-card--status-ongoing .metric-icon{background:rgb(37 99 235 / .12);border-color:rgb(37 99 235 / .2)}.portfolio-metrics .metric-card--status-ongoing .metric-value{color:#325ea8}.portfolio-metrics .metric-card--status-maintenance .metric-icon{background:rgb(180 83 9 / .12);border-color:rgb(180 83 9 / .2)}.portfolio-metrics .metric-card--status-maintenance .metric-value{color:#8b5c13}@media (max-width:767px){.portfolio-metrics .metric-card--status .metric-value{font-size:1.85rem;white-space:normal}.portfolio-metrics .metric-card--status .metric-label{font-size:.9rem}}