.home{color:var(--text);padding:0 10px 100px}.hero{text-align:center;flex-direction:column;align-items:center;gap:30px;max-width:600px;margin:80px auto;display:flex}.hero h2{font-size:max(4vw,36px)}.hero p{width:75%;color:var(--text);line-height:1.5}.hero form{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:30px;justify-content:space-between;align-items:center;gap:10px;width:80%;padding:8px;font-size:20px;display:flex}.hero input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding-left:10px;font-size:16px}.hero button{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border:none;border-radius:20px;padding:10px 30px;font-size:16px}.crypto-table{background:var(--card-bg);max-width:800px;color:var(--card-text);border-radius:20px;margin:auto}.table-layout{border-bottom:1px solid var(--border-color);grid-template-columns:.5fr .5fr 2fr 1fr 1fr 1.5fr;align-items:center;padding:15px 20px;display:grid}.market-cap{text-align:right}.table-layout:last-child{border:none}.table-layout div{align-items:center;gap:10px;display:flex}.table-layout img{width:35px}.table-layout .green{color:#00ff4c;text-align:center}.table-layout .red{color:red;text-align:center}#coinlist{background-color:var(--card-bg)}.table-layout button{text-align:left;color:var(--card-text);background-color:#0000;border:none}button{cursor:pointer;color:var(--text);background:0 0;border:none}button.favorite i{color:gold}button i{font-size:1.2rem}.form{margin-top:10px}.table-header{border-bottom:1px solid var(--border-color);color:var(--card-text);grid-template-columns:.5fr .5fr 2fr 1fr 1fr 1.5fr;padding:1rem;font-weight:700;display:grid}.table-header .market-cap{text-align:right}.table-header p{margin:0}.table-header button{cursor:pointer;color:var(--card-text);background:0 0;border:none;margin-left:5px;padding:0}.sort-arrow{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;display:inline-block}.sort-arrow.asc{border-bottom:5px solid var(--card-text)}.sort-arrow.desc{border-top:5px solid var(--card-text)}.pagination-controls{justify-content:center;align-items:center;margin-top:20px;display:flex}.pagination-controls button{border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--card-text);cursor:pointer;border-radius:20px;margin:0 5px;padding:8px 12px;transition:background-color .3s,border-color .3s}.pagination-controls button:hover{background-color:var(--border-color)}.pagination-controls button:disabled{background-color:var(--input-bg);cursor:not-allowed;opacity:.5}.page-numbers{gap:5px;display:flex}.page-numbers button{border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--card-text);cursor:pointer;margin:0 2px;padding:8px 12px;transition:background-color .3s,border-color .3s}.page-numbers button:hover{background-color:var(--border-color)}.favorites-section{max-width:900px;margin:40px auto;padding:0 10px}.favorites-section h3{color:var(--text);margin-bottom:20px;font-size:1.5rem}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.fav-card{background:var(--card-bg);color:var(--card-text);cursor:pointer;border:1px solid var(--border-color);border-radius:16px;padding:15px;transition:transform .2s,box-shadow .2s}.fav-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.fav-card-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.fav-card-top img{border-radius:50%;width:30px;height:30px}.fav-card-top div{flex:1}.fav-card-top h4{margin:0;font-size:1rem}.fav-card-top span{color:#888;font-size:.8rem}.fav-btn{cursor:pointer;color:gold;background:0 0;border:none;font-size:1.2rem}.fav-card-price{justify-content:space-between;align-items:center;display:flex}.fav-card-price p{font-weight:600}.fav-card-price span.green{color:#00ff4c}.fav-card-price span.red{color:red}.page-numbers button.active-page{background-color:var(--btn-bg);color:#fff;border-color:var(--btn-bg)}@media (max-width:768px){.pagination-controls{flex-direction:column}.page-numbers{flex-wrap:wrap;justify-content:center}.page-numbers button{margin-bottom:5px}.prev,.next{display:none}.table-layout,.table-header{grid-template-columns:.5fr .5fr 2.5fr 1fr 1fr}.market-cap{display:none}}@media (max-width:500px){.table-layout div img{width:25px}.table-layout{font-size:13px}.hero form input{width:100px}}