*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0f0f0f;font-family:Inter,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.title{text-align:center;color:#fff;margin:40px 0;font-size:2.5rem}.navbar{background-color:#1a1a1a;border-bottom:1px solid #333;justify-content:center;gap:30px;padding:20px;display:flex}.navbar a{color:#888;font-weight:600;text-decoration:none;transition:color .2s}.navbar a:hover,.navbar a.active{color:#646cff}.search-container{justify-content:center;margin:30px 0;display:flex}.search-container input{color:#fff;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;outline:none;width:100%;max-width:500px;padding:12px 20px;font-size:16px;transition:all .3s}.search-container input:focus{border-color:#646cff;box-shadow:0 0 15px #646cff33}.coin-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;padding:20px 0;display:grid}.coin-card{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;padding:20px;transition:transform .2s,border-color .2s;position:relative}.coin-card:hover{border-color:#646cff;transform:translateY(-10px)}.coin-link-wrapper{color:inherit;flex-direction:column;align-items:center;text-decoration:none;display:flex}.coin-image{width:64px;height:64px;margin-bottom:15px}.coin-name{margin-bottom:8px;font-size:1.2rem}.coin-price{color:#0f8;font-size:1.3rem;font-weight:700}.fav-button{cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:transform .2s;position:absolute;top:15px;right:15px}.fav-button:hover{transform:scale(1.2)}.coin-details{background-color:#1a1a1a;border:1px solid #333;border-radius:20px;max-width:800px;margin:40px auto;padding:30px}.details-header{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.details-header img{width:100px;height:100px;margin-bottom:20px}.details-info{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}.info-card{text-align:center;background:#252525;border-radius:12px;padding:20px}.info-card h3{color:#888;text-transform:uppercase;margin-bottom:10px;font-size:.9rem}.details-description{color:#ccc;font-size:1.05rem;line-height:1.8}.details-description a{color:#646cff;text-decoration:none}.loader-container{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.spinner{border:5px solid #ffffff1a;border-left-color:#646cff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#ff4d4d;text-align:center;margin-top:50px}.navbar{background-color:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:15px 50px;display:flex}.navbar-links{gap:30px;display:flex}.navbar a{color:#646cff;font-size:1.1rem;font-weight:600;text-decoration:none}.navbar a.active{color:#fff}@media (width<=600px){.navbar{padding:15px 20px}.navbar-links{gap:15px}}.filter-container{background-color:#161616;border:1px solid #262626;border-radius:16px;justify-content:center;align-items:center;gap:15px;max-width:800px;margin:40px auto;padding:15px 20px;display:flex;box-shadow:0 4px 20px #0000004d}.filter-container .search-container{flex:1;margin:0}.filter-container .search-container input{max-width:100%}.filter-container select{color:#e2e8f0;cursor:pointer;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;outline:none;min-width:220px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-container select:hover{background-color:#222;border-color:#4f46e5}.filter-container select:focus{background-color:#1a1a1a;border-color:#646cff;box-shadow:0 0 15px #646cff40}.filter-container select option{color:#fff;background-color:#1a1a1a;padding:12px}@media (width<=650px){.filter-container{flex-direction:column;align-items:stretch;gap:12px;padding:15px}.filter-container select{width:100%}}