.exchanges-hero{position:relative;padding-block:5rem;overflow:hidden;min-height:500px;display:flex;align-items:center}.exchanges-hero__bg{position:absolute;inset:0}.exchanges-hero__img{width:100%;height:100%;object-fit:cover;object-position:top}.exchanges-hero__overlay{position:absolute;inset:0;background:var(--grad-overlay)}.exchanges-hero__content{position:relative;z-index:10;max-width:48rem;margin-inline:auto;padding-inline:var(--px-mobile);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.exchanges-hero__title{font-size:var(--text-4xl);font-weight:var(--fw-black);color:var(--color-text);line-height:1.2;margin:0}.exchanges-hero__desc{color:var(--color-text-body);font-size:var(--text-lg);margin:0}@media (min-width:768px){.exchanges-hero{padding-block:5rem}.exchanges-hero__content{padding-inline:var(--px-desktop)}.exchanges-hero__title{font-size:var(--text-5xl)}}.exchanges-filter-wrap{display:flex;justify-content:center;padding-top:5rem}#exchanges-filter-form{display:inline-flex;align-items:center;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-full);padding:.25rem;gap:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.06);position:relative}.exchanges-filter__btn{display:inline-flex;position:relative;z-index:1;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--gray-500);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition);white-space:nowrap}.exchanges-filter__btn:hover{color:var(--color-primary)}#exchanges-filter-form{position:relative}.exchanges-filter__pill{position:absolute;background:var(--color-primary);border-radius:var(--radius-full);transition:left 0.3s ease,width 0.3s ease;z-index:0;pointer-events:none}.exchanges-filter__btn.is-active{background:transparent;color:var(--white);font-weight:var(--fw-medium)}.exchanges-list{padding:3rem 0 5rem 0}.exchanges-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;min-height:200px}.exchanges-grid p{color:var(--color-text-sub)}@media (min-width:768px){.exchanges-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.exchanges-grid{grid-template-columns:repeat(3,1fr)}}.exchanges-empty{color:var(--color-text-sub);font-size:var(--text-sm);grid-column:1 / -1;text-align:center;padding:3rem 0}.exchanges-cta{background:var(--grad-primary);padding-block:4rem}.exchanges-cta__inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.exchanges-cta__title{font-size:var(--text-4xl);font-weight:var(--fw-black);color:var(--white);margin:0}.exchanges-cta__desc{font-size:var(--text-base);color:rgba(255,255,255,.85);max-width:36rem;margin:0}.ex-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:all;overflow-y:auto}.ex-modal.is-open{opacity:1;pointer-events:all}.ex-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.ex-modal__wrapper{position:relative;z-index:1;width:100%;max-width:42rem;max-height:90vh;display:flex;flex-direction:column;transform:translateY(12px);transition:transform 0.25s ease}.ex-modal.is-open .ex-modal__wrapper{transform:translateY(0)}.ex-modal__inner{background:var(--color-bg-white);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;flex:1;min-height:200px}.ex-modal__header{position:sticky;top:0;z-index:10;background:var(--color-bg-white);padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border-light);flex-shrink:0;border-radius:20px 20px 0 0}.ex-modal__close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-muted);border:none;cursor:pointer;color:var(--gray-500);font-size:var(--text-lg);transition:var(--transition)}.ex-modal__close:hover{background:var(--gray-300)}.ex-modal__identity{display:flex;align-items:center;gap:1rem;padding-right:2.5rem}.ex-modal__logo-wrap{width:4rem;height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.ex-modal__logo{width:3rem;height:3rem;object-fit:contain}.ex-modal__name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ex-modal__name{font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--color-text-dark);margin:0}.ex-modal__rebate-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.25rem}.ex-modal__rebate-pct{font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--color-success)}.ex-modal__rebate-label{font-size:var(--text-sm);color:var(--gray-400)}.ex-modal__body{padding:1.25rem 1.5rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1.25rem;flex:1;min-height:0}.ex-modal__desc{font-size:var(--text-sm);color:var(--color-text-sub);line-height:1.6;margin:0}.ex-modal__tags{display:flex;flex-wrap:wrap;gap:.5rem}.ex-modal__tag{font-size:var(--text-xs);font-weight:var(--fw-medium);padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-border-hover);background:#fff7ed;color:var(--orange-600)}.ex-modal__cases{display:flex;flex-direction:column;gap:1rem}.ex-modal__case{border:1px solid #fed7aa;border-radius:var(--radius-lg);background:var(--color-bg-light);overflow:hidden}.ex-modal__case-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-primary);color:var(--white)}.ex-modal__case-icon{width:1.75rem;height:1.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:rgba(255,255,255,.2);font-size:var(--text-sm)}.ex-modal__case-title{flex:1;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.ex-modal__case-label{font-weight:var(--fw-bold);font-size:var(--text-sm)}.ex-modal__case-name{font-weight:var(--fw-semibold);font-size:var(--text-sm);opacity:.9}.ex-modal__case-badge{font-size:var(--text-xs);background:rgba(255,255,255,.2);padding:.125rem .625rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.ex-modal__case-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ex-modal__step{display:flex;align-items:flex-start;gap:.75rem}.ex-modal__step-num{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--white);font-size:var(--text-xs);font-weight:var(--fw-bold);margin-top:.125rem}.ex-modal__step p{font-size:var(--text-sm);color:var(--gray-800);line-height:1.6;margin:0}.ex-modal__case-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.ex-modal__btn-zalo{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f6;color:var(--white);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:.625rem 1rem;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition)}.ex-modal__btn-zalo:hover{background:#2563eb}.ex-modal__btn-telegram{display:inline-flex;align-items:center;gap:.5rem;background:#08c;color:var(--white);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:.625rem 1rem;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition)}.ex-modal__btn-telegram:hover{background:#0077b5}.ex-modal__btn-youtube{display:inline-flex;align-items:center;gap:.5rem;background:#ef4444;color:var(--white);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:.625rem 1rem;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition)}.ex-modal__btn-youtube:hover{background:#dc2626}.ex-modal__footer{position:sticky;bottom:0;background:var(--color-bg-white);border-top:1px solid var(--color-border-light);padding:1rem 1.5rem;flex-shrink:0;border-radius:0 0 20px 20px}.ex-modal__btn-main{width:100%;padding:.875rem 1rem;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-300) 50%,var(--gray-100) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-md)}.ex-modal__skeleton-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--color-border-light)}.skeleton--logo{width:4rem;height:4rem;flex-shrink:0;border-radius:var(--radius-md)}.ex-modal__skeleton-meta{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton--title{height:1.25rem;width:8rem}.skeleton--badge{height:1rem;width:5rem;border-radius:var(--radius-full)}.skeleton--rebate{width:4rem;height:2rem;margin-left:auto}.ex-modal__skeleton-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.skeleton--line{height:.875rem;width:100%}.skeleton--line-short{width:60%}