.header-section{width:100%;background:#f5f5f5;padding:30px 0}.header-section-inner{max-width:1040px;margin:0 auto;padding:0 15px;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.promo-text{font-size:16px;color:#333;flex:1 1;line-height:150%}.crypto-exchanges-main{max-width:1040px;margin:10px auto;border-radius:8px;background:#fff;padding:0}.crypto-exchanges-list{display:flex;flex-direction:column;gap:15px}.crypto-exchanges-title-container{display:flex;justify-content:space-between;align-items:center;margin:20px 15px}.direction-title{font-size:24px;font-weight:700}.controls-container{display:flex;justify-content:flex-end;align-items:center;gap:10px}.search-container{position:relative;min-width:120px}.search-box{display:flex;align-items:center}.crypto-exchanges-search-input{width:200px;padding:8px 30px 8px 8px;border:1px solid #e0e0e0;border-radius:5px;font-size:14px}.input-clear{width:14px;height:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer}.search-toggle-mobile,.sort-toggle-mobile{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px}.search-icon,.sort-icon{width:20px;height:20px}.sort-label{font-size:14px;color:#333}.sort-container-mobile{display:none}.sort-select{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:5px;font-size:14px;cursor:pointer}.crypto-exchanges-header{display:grid;grid-template-columns:250px 1fr 1fr 1fr 1fr 1fr 2fr 1fr;align-items:center;grid-gap:15px;gap:15px;padding:10px 15px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.crypto-exchange-card{padding:15px;border-bottom:1px solid #e0e0e0;background:#fff}.crypto-exchange-card:last-child{border-bottom:none}.top-row{grid-template-columns:250px 1fr 1fr 1fr 1fr 1fr 2fr 1fr;align-items:center;grid-gap:15px}.bottom-row,.top-row{display:grid;gap:15px}.bottom-row{grid-template-columns:repeat(3,1fr);grid-gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.adv-disadv-block,.description-block,.security-block{padding:10px;background:#fafafa;border-radius:4px}.adv-disadv-block h4,.description-block h4,.security-block h4{margin-bottom:10px;font-size:16px;color:#333}.description-block p{font-size:14px;line-height:1.5;color:#555}.adv-disadv-block .read-more,.description-block .read-more,.security-block .read-more{color:#ec368d;text-decoration:none;font-weight:700;cursor:pointer}.adv-disadv-block .read-more:hover,.description-block .read-more:hover,.security-block .read-more:hover{text-decoration:underline}.adv-disadv-block ul,.security-block ul{list-style-type:disc;padding-left:20px;margin:5px 0}.adv-disadv-block li,.security-block li{font-size:14px;line-height:1.5;color:#555;margin-bottom:5px}.expandable-block{display:flex;flex-direction:column}.expandable-block .expandable-content{transition:max-height .3s ease}.expandable-block.collapsed .expandable-content{max-height:200px;overflow:hidden;position:relative}.expandable-block.collapsed .expandable-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(180deg,transparent,#fafafa);pointer-events:none}.crypto-exchange-field{min-width:0;text-align:left}.crypto-exchange-field:first-child{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.crypto-exchange-logo-container,.exchange-name-container{width:100%}.crypto-exchange-label{display:block;margin-bottom:5px}.crypto-exchange-label,.sort-button{font-size:15px;font-weight:700;color:#333;text-align:left}.sort-button{background:none;border:none;cursor:pointer;width:100%;display:flex;align-items:center;gap:5px}.sort-button:hover{color:#ec368d}.sort-arrows{display:flex;flex-direction:column;font-size:10px;line-height:1}.sort-arrows span{color:#666}.sort-arrows span.active{color:#ec368d}.crypto-exchange-value{color:#000;font-size:15px;word-wrap:break-word;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crypto-exchange-name{font-weight:700;display:block;font-size:18px;text-align:center;text-decoration:none}.logo-link{display:block;line-height:0;text-align:center}.crypto-exchange-logo{width:200px!important;height:75px!important;border-radius:8px;object-fit:cover;transition:transform .2s ease}.crypto-exchange-logo:hover{transform:scale(1.05)}.status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.status-active{background:rgba(0,128,0,.2);color:#008000}.status-inactive{background:rgba(255,0,0,.2);color:#ff0000}.no-crypto-exchanges{font-size:14px;color:#666;text-align:center;margin:20px 15px}@media (max-width:767px){.header-section{padding:20px 0}.header-section-inner{padding:0 10px}.header-content{flex-direction:column;gap:10px;align-items:stretch}.promo-text{font-size:14px;order:1;line-height:150%;padding-left:5px}.crypto-exchanges-title-container{flex-direction:column;align-items:stretch;gap:10px;margin:15px}.direction-title{font-size:20px}.controls-container{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.search-container{width:100%}.search-box,.sort-container-mobile{width:100%;display:flex}.crypto-exchanges-search-input,.sort-select{width:100%;font-size:12px}.sort-container-mobile{display:flex}.crypto-exchanges-header{display:none}.top-row{display:flex;flex-direction:column;gap:10px}.crypto-exchange-field:first-child{order:-1;margin-bottom:10px}.crypto-exchange-logo{width:200px!important;height:75px!important;max-width:200px}.bottom-row{grid-template-columns:1fr}.crypto-exchange-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 15px;position:relative}.crypto-exchange-field{text-align:left}.crypto-exchange-field:not(.crypto-exchange-status),.crypto-exchange-main{flex:1 1}.crypto-exchange-status{text-align:right}.crypto-exchange-value{white-space:normal}.crypto-exchange-name{font-weight:700;display:block}.logo-link{align-self:center;margin-bottom:10px}.status-badge{padding:3px 6px;font-size:12px}.description-block ul,.security-block ul{padding-left:15px}.expandable-block.collapsed .expandable-content{max-height:120px}}.read-more{color:#ec368d!important;text-decoration:underline!important;font-weight:700!important;cursor:pointer!important;background:none!important;border:none!important;padding:5px 0!important;display:block!important;margin-top:10px!important;font-size:14px}.read-more:hover{color:#b5276f!important}